//get thumbnail from youtube.com
function getScreen( url, size )
{
  if(url === null){ return ""; }
  size = (size === null) ? "big" : size;
  var vid;
  var results;
  results = url.match("[\\?&]v=([^&#]*)");
  vid = ( results === null ) ? url : results[1];
  if(size == "small"){
    return "http://img.youtube.com/vi/"+vid+"/2.jpg";
  }else {
    return "http://img.youtube.com/vi/"+vid+"/0.jpg";
  }
}


//search input textbox focus background script
function searchInputInit(){
    $(".searchbginput").focus(function(){
        $(this).removeClass("searchbginput");
        $(this).addClass("bginput");
    });
    
    $(".searchbginput").blur(function(){
        if($(this).val() == ""){
            $(this).removeClass("bginput");
            $(this).addClass("searchbginput");
        }
    });
}


//class Slider
function my_Slider(id, interval, visual_length){
    //properties
    this.id = id;
    this.imgpos =0;
    this.interval = interval;
    this.Nimgs = $("#"+ id + " .image_container img").length;
    this.visual_length = visual_length;
    this.pointer = this.visual_length;

	//functions
    this.slide_previous = slide_previous;
    this.slide_next = slide_next;
}


function slide_previous(){
        if(this.pointer > this.visual_length){
            this.pointer--;
            this.imgpos += this.interval;
            $("#"+ this.id +" .image_container img").animate({ left: this.imgpos});
        }
        
    }
    
    
function slide_next(){
        if(this.pointer < this.Nimgs){//6 is the total additional margins, paddings and border width of an image
            this.pointer++;
            this.imgpos -= this.interval;
            $("#"+ this.id +" .image_container img").animate({ left: this.imgpos});
        }/* return position to 0 when reach end
        else{
            this.containerW = this.tmp;
            this.imgpos = 0;
            $("#"+ this.id +" .image_container img").animate({ left: this.imgpos});
        }*/        
    }





//-----main call---
$(document).ready(function(){
    searchInputInit();
    
    
    $(".wire_wrapper").hover(function(){
            $(this).find("div#wire_meta").css({visibility: "visible"});
        },
        function(){
            $(this).find("div#wire_meta").css({visibility: "hidden"});
        }
    );
	
	
   
    slider1 = new my_Slider("member_slider", 69, 8);
        //previous
        $("#"+ slider1.id +" span.prev").click(function(event){
            event.preventDefault();
            slider1.slide_previous();
        });    
        //next
        $("#"+ slider1.id +" span.next").click(function(event){
           event.preventDefault();
           slider1.slide_next();
        });
   
 
    slider2 = new my_Slider("gallery_slider", 68, 4);
        //previous
        $("#"+ slider2.id +" span.prev").click(function(event){
            event.preventDefault();
            slider2.slide_previous();
        });    
        //next
        $("#"+ slider2.id +" span.next").click(function(event){
           event.preventDefault();
           slider2.slide_next();
        });
    
 
    
    
    
    var divIndex = 0;
    var Nimg = $("#gallery_glider .glidecontent").length - 1 ;
    
	$("#gallery_glider .glidecontent:eq("+ divIndex +")").css({ visibility: 'visible', display: 'block'}).fadeIn();
	
    $("#gallery_slider .image_container img").click(function(event){
		event.preventDefault();
        divIndex = $("#gallery_slider .image_container img").index(this);
        
        $("#gallery_glider .glidecontent").hide();
        $("#gallery_glider .glidecontent:eq("+ divIndex +")").fadeIn();
        });    
    
    $("#glider-select a.prev").click(function(event){
        event.preventDefault();
        if(divIndex > 0 ){
            divIndex--;
            $("#gallery_glider .glidecontent").hide();
            $("#gallery_glider .glidecontent:eq("+ divIndex +")").fadeIn();
        }
    });
    
    $("#glider-select a.next").click(function(event){
        event.preventDefault();
        if(divIndex < Nimg ){
            divIndex++;
            $("#gallery_glider .glidecontent").hide();
            $("#gallery_glider .glidecontent:eq("+ divIndex +")").fadeIn();
        }
    });
	
	
});