$(document).ready(function () {

   /*facebook bok*/
var th_var=0;
th_offset=$("#fb_main").offset();//$("#fb_main").css('left');

$("#fb_button").click(function(){
        if(th_var==0){
            $("#fb_main").animate({
                    left: '0'
            }, 500,function(){
                    th_var=1;
            });
        }else{
            $("#fb_main").animate({
                    left: ''+th_offset.left+''            /*'+th_left+'*/
            }, 500,function(){
                    th_var=0;
            });
        }

});


$("#info-boxes li:last-child").addClass("remove");
$("#bottom-menu ul li:last-child").addClass("remove");
$("#categories li:first-child").addClass("remove");
$("#prods-also li:first-child").addClass("remove");


    $("#extras li a").click(function() {
    
        var curList = $("#extras li a.current").attr("rel");
        var curListHeight = $("#extras-rotate").height();
        
        $("#extras-rotate").height(curListHeight);
    
        $("#extras li a").removeClass("current");
        $(this).addClass("current");
        
        var listID = $(this).attr("rel");
        
        if (listID != curList) {
            $("#"+curList).fadeOut(200, function() {
    
                $("#"+listID).fadeIn();
                
                var newHeight = $("#"+listID).height();
                
                $("#extras-rotate").animate({
                    height: newHeight
                });
            
            });
        }        
        
        return false;
    });	
	
    $("#det-data-nav li a").click(function() {
    
        var curList = $("#det-data-nav li a.current").attr("rel");
        var curListHeight = $("#det-data-rotate").height();
        
        $("#det-data-rotate").height(curListHeight);
    
        $("#det-data-nav li a").removeClass("current");
        $(this).addClass("current");
        
        var listID = $(this).attr("rel");
        
        if (listID != curList) {
            $("#"+curList).fadeOut(200, function() {
    
                $("#"+listID).fadeIn();
                
                var newHeight = $("#"+listID).height();
                
                $("#det-data-rotate").animate({
                    height: newHeight
                });
            
            });
        }        
        
        return false;
    });		
	
	$("#myController-upper").jFlow({
		slides: "#slides-upper",
		controller: ".jFlowControl-upper", // must be class, use . sign
		slideWrapper : "#jFlowSlide-upper", // must be id, use # sign
		selectedWrapper: "jFlowSelected-upper",  // just pure text, no sign
		auto: true,		//auto change slide, default true
		width: "733px",
		height: "337px",
		duration: 800,
		prev: ".jFlowPrev-upper", // must be class, use . sign
		next: ".jFlowNext-upper" // must be class, use . sign
	});
	
});