// when the DOM is ready
$(document).ready(function () {
      // set the image hidden by default    
      $('#bg').hide(); 
	  $('#logo').hide();     
      // fade our image in to create a nice effect
	  setTimeout(function() { $('#bg').fadeIn(); }, 1000);
	  setTimeout(function() { $('#logo').fadeIn(); }, 1500);
	
	//Full screen browser background
	$(window).load(function() {    

        var theWindow        = $(window),
            $bg              = $("#bg"),
            aspectRatio      = $bg.width() / $bg.height();

        function resizeBg() {

                if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
                    $bg
                        .removeClass()
                        .addClass('bgheight');
                } else {
                    $bg
                        .removeClass()
                        .addClass('bgwidth');
                }

        }

        theWindow.resize(function() {
                resizeBg();
        }).trigger("resize");

});});



//product nav fades
$(document).ready(function () {
	
//tab expand
    $("#toggleTabNews").toggle(function() {
        $("#latestNewsTab").animate({'height': '450px', 'top': "200px"});
    }, function() {
        $("#latestNewsTab").animate({'height': '23px', 'top': "627px"}); 
    });
    $("#toggleTab").toggle(function() {
        $("#styleGalleryTab").animate({'height': '450px', 'top': "200px"});
    }, function() {
        $("#styleGalleryTab").animate({'height': '23px', 'top': "628px"});  
	});
    $("#toggleTab").toggle(function() {
        $("#styleGalleryTabExpanded").animate({'height': '23px', 'top': "628px"}); 
    }, function() {
        $("#styleGalleryTabExpanded").animate({'height': '450px', 'top': "200px"});
	});
	$("#styleHubTab").toggle(function() {
        $("#styleHubTab").animate({'height': '450px', 'top': "200px"});
    }, function() {
        $("#styleHubTab").animate({'height': '23px', 'top': "627px"});  
	});
	$("#styleHubTabExpanded").toggle(function() {
        $("#styleHubTabExpanded").animate({'height': '23px', 'top': "627px"}); 
    }, function() {
        $("#styleHubTabExpanded").animate({'height': '450px', 'top': "200px"});
	});


//product nav
	   $(".productNav a").mouseover(function() {
        $(".hidden", this).stop(true, true).show();
    });
    $(".productNav a").mouseout(function() {
        $(".hidden", this).fadeOut(1500);
    });
	
//colorbox
	$("a[rel='example1']").colorbox();		
	
//CUSTOM SCROLL BARS
$(window).load(function() {
	mCustomScrollbars();
});

function mCustomScrollbars(){
	/* 
	malihu custom scrollbar function parameters: 
	1) scroll type (values: "vertical" or "horizontal")
	2) scroll easing amount (0 for no easing) 
	3) scroll easing type 
	4) extra bottom scrolling space for vertical scroll type only (minimum value: 1)
	5) scrollbar height/width adjustment (values: "auto" or "fixed")
	6) mouse-wheel support (values: "yes" or "no")
	7) scrolling via buttons support (values: "yes" or "no")
	8) buttons scrolling speed (values: 1-20, 1 being the slowest)
	*/
	$("#mcs3_container").mCustomScrollbar("vertical",900,"easeOutCirc",1.05,"fixed","yes","no",0); 
}

/* function to fix the -10000 pixel limit of jquery.animate */
$.fx.prototype.cur = function(){
    if ( this.elem[this.prop] != null && (!this.elem.style || this.elem.style[this.prop] == null) ) {
      return this.elem[ this.prop ];
    }
    var r = parseFloat( jQuery.css( this.elem, this.prop ) );
    return typeof r == 'undefined' ? 0 : r;
}

//hide product descriptions
 $("#descToggle").toggle(function() {
        $("#mcs3_container").animate({'height': '0px'});
    }, function() {
        $("#mcs3_container").animate({'height': '370px'}); 
    });
			
});