$(document).ready(function($){
    
$(".submenu-link").hover(function(){
 
 $(".sub-menu").show();    

 $(".sub-menu").bind("mouseleave",function(){
 $(this).hide();
     
 });
 
 $(".sub-menu li").hover(function(){
    $this = $(this);
    $this.find("ul").show();
 },function(){
    $this = $(this);
    $this.find("ul").hide();
    
 });
    
});

/* Slide de thumbs en coleciones */
/*$(".down_arrow").bind("click",function(){
 
 var $li =  $("#slider-thumbs li");
 $visibleLi = $li.filter(":visible");
 var lastVisible = $visibleLi.last().index();

 if($li.eq(lastVisible + 1).length) {
         $visibleLi.eq(0).hide();
         $li.eq(lastVisible + 1).fadeIn('slow');     
 }
      
});
$(".up_arrow").bind("click",function(){
 
 var $li =  $("#slider-thumbs li");
 $visibleLi = $li.filter(":visible");
 var firstVisible = $visibleLi.first().index();

 if(firstVisible > 0) {
         $visibleLi.eq(-1).hide();
         $li.eq(firstVisible - 1).fadeIn('slow');     
 }    
});*/

// Creating hoverscroll with fixed arrows
		$('#slider-thumbs').hoverscroll({
            fixedArrows: true,
            rtl: false,
			vertical:true,
			width:100,
			height: 340,
			debug:0
        });
       




$("#slider-thumbs li img").bind("click",function(){
    
  var $leftContent = $("#left-content");
  $leftContent.html("<img src='images/loader.gif' id='loader'/>");
  var imgSrc = $(this).attr("src").replace("_thumb","");
  var col_name = $(this).attr("alt");
  $leftContent.html("<img src='"+imgSrc+"' style='display:none' class='simg' />");
   $(".simg").fadeIn('slow');
   $leftContent.append("<div class='col_name'>"+col_name+"</div>");
});

/* Efecto para imagenes home */
$('.images-transition').uBillboard({
                speed: 600,                         // animation duration (in miliseconds)
                delay: 1900,                        // delay between animations (in miliseconds)
                width: '566px',                        // container width
                height: '353px',                    // container height
                effect: 'random',                    // Transition effect: cycle | random | horizontal | vertical | async
                square_resolution: 94,                // resolution of one transition square in pixels
                load_check_interval: 100,            // how ofted do we poll for image load completion
                loader_image: 'images/loader.gif'    // loader image URL
});
 
 
 $('.b_images3').uBillboard({
                speed: 500,                         // animation duration (in miliseconds)
                delay: 1700,                        // delay between animations (in miliseconds)
                width: '134px',                        // container width
                height: '100px',                    // container height
                effect: 'random',                    // Transition effect: cycle | random | horizontal | vertical | async
                square_resolution: 94,                // resolution of one transition square in pixels
                load_check_interval: 100,            // how ofted do we poll for image load completion
                loader_image: 'images/loader.gif'    // loader image URL
}); 
$('.b_images2').uBillboard({
                speed: 700,                         // animation duration (in miliseconds)
                delay: 1900,                        // delay between animations (in miliseconds)
                width: '134px',                        // container width
                height: '100px',                    // container height
                effect: 'random',                    // Transition effect: cycle | random | horizontal | vertical | async
                square_resolution: 94,                // resolution of one transition square in pixels
                load_check_interval: 100,            // how ofted do we poll for image load completion
                loader_image: 'images/loader.gif'    // loader image URL
});$('.b_images1').uBillboard({
                speed: 600,                         // animation duration (in miliseconds)
                delay: 1800,                        // delay between animations (in miliseconds)
                width: '134px',                        // container width
                height: '100px',                    // container height
                effect: 'random',                    // Transition effect: cycle | random | horizontal | vertical | async
                square_resolution: 94,                // resolution of one transition square in pixels
                load_check_interval: 100,            // how ofted do we poll for image load completion
                loader_image: 'images/loader.gif'    // loader image URL
});
 
 
$('input:text,textarea').each(function(){
        var txtval = $(this).val();
        $(this).focus(function(){
            $(this).val('')
        });
        $(this).blur(function(){
            if($(this).val() == ""){
                $(this).val(txtval);
            }
        });
    }); 
 
 
 $(".contact-form form").submit(function(){
 dataString = $(this).serialize();
 $.ajax({
  type: "POST",
  data: dataString,
  url: 'send_mail.php',
  beforeSend: function( xhr ) {
   $(".ajax-loader").show();
  },
  success: function( data ) {
  $(".ajax-loader").hide();
  alert(data);
  }
});
 return false;   
}); 
           
                    
 
$('#js-news').ticker({controls:false});   



//Centramos la web verticalmente.
var winH = $(window).height();
/*Here 200 is your divs (check) hight replace it with your required hight alos make required changes at style.*/
 $("#content").css('margin-top', winH/2 - 470/2);

            
})



  
function load_first_thumb(){
    
var $leftContent = $("#left-content");
var $firstChild = $("#slider-thumbs li:first-child").find("img");    
var imgSrc = $firstChild.attr("src").replace("_thumb","");
var col_name = $firstChild.attr("alt");
  $leftContent.html("<img src='"+imgSrc+"' style='display:none' class='simg' />");
$(".simg").fadeIn('slow');
$leftContent.append("<div class='col_name'>"+col_name+"</div>");
}