$(document).ready(function() {

$(document).pngFix();

function getDocumentWidth(){
   return (window.innerWidth)?window.innerWidth:((document.all)?document.documentElement.offsetWidth:null);
};
 
 
        var width=$(window).width();
//        if (width<1050) 	 {	$("#bl-left").hide(); $("#bl-right").hide(); }
	var pos=(width-750)/2+12;
	var pos2=(width-750)/6+2;	

	$("#bl-left").css("width",pos);
	$("#bl-right").css("width",pos);	
	$(".blo").css("width",pos2);	

	$("#b1").css("background","url(images/f5.jpg)");
	$("#b2").css("background","url(images/f6.jpg)");
	$("#b3").css("background","url(images/f7.jpg)");
	$("#b4").css("background","url(images/f2.jpg)");
	$("#b5").css("background","url(images/f3.jpg)");
	$("#b6").css("background","url(images/f4.jpg)");
	$("#fi1").attr("href","#face5");	
	$("#fi2").attr("href","#face6");	
	$("#fi3").attr("href","#face7");	
	$("#fi4").attr("href","#face2");	
	$("#fi5").attr("href","#face3");	
	$("#fi6").attr("href","#face4");		
	$("#b1").css("background-position","center");
	$("#b2").css("background-position","center");
	$("#b3").css("background-position","center");	
	$("#b4").css("background-position","center");	
	$("#b5").css("background-position","center");
	$("#b6").css("background-position","center");	

	
	$("#slideshow").css("overflow", "hidden");
	$("#slideshow-nav").css("visibility", "visible");
	$("#slideshow-nav a[href=#face1]").addClass("active");
	
	$("#slideshow-nav").localScroll({
  		target:'#slideshow', axis: 'x'
	});

	$("#slideshow-nav a").click(function(){

	$("#slideshow-nav a").removeClass("active");
	$("#menu a").removeClass("active");	
	$(this).addClass("active");

    $("#b1").fadeOut("slow");
    $("#b6").fadeOut("slow");	
    $("#b2").fadeOut("slow");
    $("#b5").fadeOut("slow");	
    $("#b3").fadeOut("slow");
    $("#b4").fadeOut("slow",function(){
		
		rotate();
		
		} );
    $("#b3").fadeIn("slow");
    $("#b4").fadeIn("slow");	
    $("#b2").fadeIn("slow");
    $("#b5").fadeIn("slow");	
    $("#b1").fadeIn("slow");
    $("#b6").fadeIn("slow");	

	});
	
	$("#menu").localScroll({
  		target:'#slideshow', axis: 'x'
	});
	
	$("#menu a").click(function(){

	$("#menu a").removeClass("active");
	$("#slideshow-nav a").removeClass("active");	
	$(this).addClass("active");
	var atr=$(this).attr("href");
	if (atr=="#face1") {	$("#f1").addClass("active");		}  
	if (atr=="#face2") {	$("#f2").addClass("active");		}  
	if (atr=="#face3") {	$("#f3").addClass("active");		}  
	if (atr=="#face4") {	$("#f4").addClass("active");		}  
	if (atr=="#face5") {	$("#f5").addClass("active");		}  
	if (atr=="#face6") {	$("#f6").addClass("active");		}  
	if (atr=="#face7") {	$("#f7").addClass("active");		}  						

    $("#b1").fadeOut("slow");
    $("#b6").fadeOut("slow");	
    $("#b2").fadeOut("slow");
    $("#b5").fadeOut("slow");	
    $("#b3").fadeOut("slow");
    $("#b4").fadeOut("slow",function(){

	rotate();
	
	 } );
    $("#b3").fadeIn("slow");
    $("#b4").fadeIn("slow");	
    $("#b2").fadeIn("slow");
    $("#b5").fadeIn("slow");	
    $("#b1").fadeIn("slow");
    $("#b6").fadeIn("slow");	


	});

$(window).everyTime(10000,function() {

if ($('#f1').hasClass("active")) var next=1;
if ($('#f2').hasClass("active")) var next=2;
if ($('#f3').hasClass("active")) var next=3;
if ($('#f4').hasClass("active")) var next=4;
if ($('#f5').hasClass("active")) var next=5;
if ($('#f6').hasClass("active")) var next=6;
if ($('#f7').hasClass("active")) var next=0;

    var next2=next+1;
	
	$("#menu a").removeClass("active");
	$("#slideshow-nav a").removeClass("active");	
	$("#f"+next2).addClass("active");

    var $paneTarget = $('#slideshow');
    var $target = $paneTarget.find('li:eq('+next+')');
    $paneTarget.scrollTo( $target , 800 );
	
    $("#b1").fadeOut("slow");
    $("#b6").fadeOut("slow");	
    $("#b2").fadeOut("slow");
    $("#b5").fadeOut("slow");	
    $("#b3").fadeOut("slow");
    $("#b4").fadeOut("slow",function(){
	rotate();
	 } );
	 
    $("#b3").fadeIn("slow");
    $("#b4").fadeIn("slow");	
    $("#b2").fadeIn("slow");
    $("#b5").fadeIn("slow");	
    $("#b1").fadeIn("slow");
    $("#b6").fadeIn("slow");	

	
	});
                                    


$(".carousel").jCarouselLite({
       	btnNext: ".mouseWheelButtons",
    	btnPrev: ".mouseWheelButtons",
       	btnNext: ".next",
    	btnPrev: ".prev",		
    	mouseWheel: true,
   	visible: 4,
        scroll: 2

  });
  
  $(".carousel2").jCarouselLite({
       	btnNext: ".mouseWheelButtons",
    	btnPrev: ".mouseWheelButtons",
       	btnNext: ".next2",
    	btnPrev: ".prev2",		
    	mouseWheel: true,
        visible: 6,
        scroll: 3,
        circular: false
  });

 

 // hide #back-top first
    $("#back-top").hide();
    
    // fade in #back-top
    $(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() > 100) {
                $('#back-top').fadeIn();
            } else {
                $('#back-top').fadeOut();
            }
        });

        // scroll body to 0px on click
        $('#back-top a').click(function () {
            $('body,html').animate({
                scrollTop: 0
            }, 800);
            return false;
        });
    });
	




   
});



function rotate() {		
		
	if ($('#f1').hasClass("active")) {
   	$("#fi1").addClass("active");		

	$("#b1").css("background","url(images/f5.jpg)");
	$("#b2").css("background","url(images/f6.jpg)");
	$("#b3").css("background","url(images/f7.jpg)");
	$("#b4").css("background","url(images/f2.jpg)");
	$("#b5").css("background","url(images/f3.jpg)");
	$("#b6").css("background","url(images/f4.jpg)");	
	$("#fi1").attr("href","#face5");	
	$("#fi2").attr("href","#face6");	
	$("#fi3").attr("href","#face7");	
	$("#fi4").attr("href","#face2");	
	$("#fi5").attr("href","#face3");	
	$("#fi6").attr("href","#face4");	
		
	$("#b1").css("background-position","center");
	$("#b2").css("background-position","center");
	$("#b3").css("background-position","center");	
	$("#b4").css("background-position","center");	
	$("#b5").css("background-position","center");
	$("#b6").css("background-position","center");	
		                                 }


	if ($('#f2').hasClass("active")) {
	$("#fi2").addClass("active");		

	$("#b1").css("background","url(images/f6.jpg)");
	$("#b2").css("background","url(images/f7.jpg)");
	$("#b3").css("background","url(images/f1.jpg)");
	$("#b4").css("background","url(images/f3.jpg)");
	$("#b5").css("background","url(images/f4.jpg)");
	$("#b6").css("background","url(images/f5.jpg)");	
	$("#fi1").attr("href","#face6");	
	$("#fi2").attr("href","#face7");	
	$("#fi3").attr("href","#face1");	
	$("#fi4").attr("href","#face3");	
	$("#fi5").attr("href","#face4");	
	$("#fi6").attr("href","#face5");	
	$("#b1").css("background-position","center");
	$("#b2").css("background-position","center");
	$("#b3").css("background-position","center");	
	$("#b4").css("background-position","center");	
	$("#b5").css("background-position","center");
	$("#b6").css("background-position","center");	
	
	                                 }


	if ($('#f3').hasClass("active")) {
	$("#fi3").addClass("active");		
		
	$("#b1").css("background","url(images/f7.jpg)");
	$("#b2").css("background","url(images/f1.jpg)");
	$("#b3").css("background","url(images/f2.jpg)");
	$("#b4").css("background","url(images/f4.jpg)");
	$("#b5").css("background","url(images/f5.jpg)");
	$("#b6").css("background","url(images/f6.jpg)");	
	$("#fi1").attr("href","#face7");	
	$("#fi2").attr("href","#face1");	
	$("#fi3").attr("href","#face2");	
	$("#fi4").attr("href","#face4");	
	$("#fi5").attr("href","#face5");	
	$("#fi6").attr("href","#face6");	
	
	$("#b1").css("background-position","center");
	$("#b2").css("background-position","center");
	$("#b3").css("background-position","center");	
	$("#b4").css("background-position","center");	
	$("#b5").css("background-position","center");
	$("#b6").css("background-position","center");	
	                                 }


	if ($('#f4').hasClass("active")) {
	$("#fi4").addClass("active");		
		
	$("#b1").css("background","url(images/f1.jpg)");
	$("#b2").css("background","url(images/f2.jpg)");
	$("#b3").css("background","url(images/f3.jpg)");
	$("#b4").css("background","url(images/f5.jpg)");
	$("#b5").css("background","url(images/f6.jpg)");
	$("#b6").css("background","url(images/f7.jpg)");	
	$("#fi1").attr("href","#face1");	
	$("#fi2").attr("href","#face2");	
	$("#fi3").attr("href","#face3");	
	$("#fi4").attr("href","#face5");	
	$("#fi5").attr("href","#face6");	
	$("#fi6").attr("href","#face7");	

	$("#b1").css("background-position","center");
	$("#b2").css("background-position","center");
	$("#b3").css("background-position","center");	
	$("#b4").css("background-position","center");	
	$("#b5").css("background-position","center");
	$("#b6").css("background-position","center");	
	                                 }


	if ($('#f5').hasClass("active")) {
	$("#fi5").addClass("active");		
		
	$("#b1").css("background","url(images/f2.jpg)");
	$("#b2").css("background","url(images/f3.jpg)");
	$("#b3").css("background","url(images/f4.jpg)");
	$("#b4").css("background","url(images/f6.jpg)");
	$("#b5").css("background","url(images/f7.jpg)");
	$("#b6").css("background","url(images/f1.jpg)");	
	$("#fi1").attr("href","#face2");	
	$("#fi2").attr("href","#face3");	
	$("#fi3").attr("href","#face4");	
	$("#fi4").attr("href","#face6");	
	$("#fi5").attr("href","#face7");	
	$("#fi6").attr("href","#face1");	
	
	$("#b1").css("background-position","center");
	$("#b2").css("background-position","center");
	$("#b3").css("background-position","center");	
	$("#b4").css("background-position","center");	
	$("#b5").css("background-position","center");
	$("#b6").css("background-position","center");	
	                                 }


	if ($('#f6').hasClass("active")) {
	$("#fi6").addClass("active");		
		
	$("#b1").css("background","url(images/f3.jpg)");
	$("#b2").css("background","url(images/f4.jpg)");
	$("#b3").css("background","url(images/f5.jpg)");
	$("#b4").css("background","url(images/f7.jpg)");
	$("#b5").css("background","url(images/f1.jpg)");
	$("#b6").css("background","url(images/f2.jpg)");	
	$("#fi1").attr("href","#face3");	
	$("#fi2").attr("href","#face4");	
	$("#fi3").attr("href","#face5");	
	$("#fi4").attr("href","#face7");	
	$("#fi5").attr("href","#face1");	
	$("#fi6").attr("href","#face2");	
	
	$("#b1").css("background-position","center");
	$("#b2").css("background-position","center");
	$("#b3").css("background-position","center");	
	$("#b4").css("background-position","center");	
	$("#b5").css("background-position","center");
	$("#b6").css("background-position","center");	
	                                 }


	if ($('#f7').hasClass("active")) {
	$("#fi7").addClass("active");		
		
	$("#b1").css("background","url(images/f4.jpg)");
	$("#b2").css("background","url(images/f5.jpg)");
	$("#b3").css("background","url(images/f6.jpg)");
	$("#b4").css("background","url(images/f1.jpg)");
	$("#b5").css("background","url(images/f2.jpg)");
	$("#b6").css("background","url(images/f3.jpg)");	
	$("#fi1").attr("href","#face4");	
	$("#fi2").attr("href","#face5");	
	$("#fi3").attr("href","#face6");	
	$("#fi4").attr("href","#face1");	
	$("#fi5").attr("href","#face2");	
	$("#fi6").attr("href","#face3");	
	
	$("#b1").css("background-position","center");
	$("#b2").css("background-position","center");
	$("#b3").css("background-position","center");	
	$("#b4").css("background-position","center");	
	$("#b5").css("background-position","center");
	$("#b6").css("background-position","center");	
	                                 } 
}	 

function over1(obj) {obj.style.background="url(images/menu1-1.png)"; }
function out1(obj) {obj.style.background="url(images/menu1-2.png)"; }

function over2(obj) {obj.style.background="url(images/menu2-1.png)"; }
function out2(obj) {obj.style.background="url(images/menu2-2.png)"; }

function over3(obj) {obj.style.background="url(images/menu3-1.png)"; }
function out3(obj) {obj.style.background="url(images/menu3-2.png)"; }

function over4(obj) {obj.style.background="url(images/menu4-1.png)"; }
function out4(obj) {obj.style.background="url(images/menu4-2.png)"; }

function over5(obj) {obj.style.background="url(images/menu5-1.png)"; }
function out5(obj) {obj.style.background="url(images/menu5-2.png)"; }


function m_over(obj) {	obj.style.color="#FFFFFF"; }
function m_out(obj) { 	obj.style.color="#888888";	}

function pro_over(obj2) { 
var res=$("#productID_"+obj2+">table");
$("#des").empty();
res.appendTo("#des");
           	        }

function pro_out(obj2) { 
var res=$("#des"+">table");
$("#productID_"+obj2).empty();
res.appendTo("#productID_"+obj2);
                      }
 
function tog(item_id) {
$("#act"+item_id).toggle("slow", function() {
if ($("#act"+item_id).is(':visible')) $("#des"+item_id).hide(); 
if ($("#act"+item_id).is(':hidden'))  $("#des"+item_id).show();
}
); }