// JavaScript Document

var imgpos = new Array(0, 45, 45, 45, 45, 45, 45);
var links = new Array("", "visualisation", "dtp", "photography", "webdesign", "conceptart", "programming");
var speed = 500;
var actbox = 0;

var ws = '189px';
var wb = '283px';
var we = '205px';
var maxw = 283;
var minw = 189;

var ws1 = ws;
var wb1 = wb;


$.fn.opacity = function(_value) { 
    return $(this).css('opacity',_value);
};

function EqImg(i) {
//alert("Hide "+i);
$("#sectionarrow").hide();

 $("#top_"+i).stop().animate({width: we}, {duration: speed, step: function(now, fx) {
        if (fx.prop == "width") {
               var p = (maxw - minw) / 100;
               var x = 100 - ((maxw - now) / p);
               $("#top_"+i+"_bg").css("left", -1 * (imgpos[i] - (imgpos[i]*(x/100))));
               $("#top_"+i+"_bg").fadeTo(0, 0.5 + 0.50 *(x/100));
               
               }
        }
      }
    
     );
	}


 function HideImg(i) {
//alert("Hide "+i);

 $("#top_"+i).stop().animate({width: ws1}, {duration: speed, step: function(now, fx) {
	      //alert(fx.prop);
        if (fx.prop == "width") {
              // $("#top_"+i+"_bg").css("width", now);
               var p = (maxw - minw) / 100;
               var x = 100 - ((maxw - now) / p);
            //   if(i==1)
              // console.log(0.5 + 0.50 *(x/100));
               $("#top_"+i+"_bg").css("left", -1 * (imgpos[i] - (imgpos[i]*(x/100))));
               $("#top_"+i+"_bg").fadeTo(0, 0.5 + 0.50 *(x/100));
               
               }
               
               //$("#top_"+i+"_bg").css("backgroundPosition", "( "+now+" 0px)");
        }
      }
    
     );
	 
   /*$("#top_"+i).stop().animate({width: "135px"}, speed, "linear" );
   $("#top_"+i+"_bg").stop().animate({width: "135px", backgroundPosition:"(-"+imgpos[i]+" 0px)"}, speed, "linear");
   */
//   $("#top_"+i+"_bg").fadeTo(speed, 0.5);
   
	 //$("#top_"+i+"_bw").fadeIn(500);
	// $("#top_"+i).stop().animate({backgroundPosition: "(-200px 0px)"}, 500 );
	}


function ShowImg(i) {
//alert("Show "+i);

$("#myDiv").animate({ width: "500px" }, {
  duration: 500,
  step: function(val, opt) {
    console.log(val, opt)
  }
 
});

 actbox = i;
	 $("#top_"+i).stop().animate({width: wb1}, {duration: speed, step: function(now, fx) {
	      //alert(fx.prop);
        if (fx.prop == "width") {
              // $("#top_"+i+"_bg").css("width", now);
               var p = (maxw - minw) / 100;
               var x = 100 - ((maxw - now) / p);
              // console.log(imgpos[i]*(x/100));
               $("#top_"+i+"_bg").css("left", -1 * (imgpos[i] - (imgpos[i]*(x/100))));
               $("#top_"+i+"_bg").fadeTo(0, 0.5 + 0.50 *(x/100));
             
               }
               
               //$("#top_"+i+"_bg").css("backgroundPosition", "( "+now+" 0px)");
        }
      }
    
     );
    
    //$("#top_"+i+"_bg").fadeTo(speed, 1);
//    $("#top_"+i+"_bg").stop().animate({backgroundPosition:"(0px 0px)"}, speed, "linear" , linkto(links[i])).add("#top_"+i+"_bg").fadeTo(speed, 1);
	 //$("#top_"+i+"_bw").stop().animate({width: "445px", backgroundPosition:"(0px 0px)", borderColor: "#0c68bd"}, 500, "linear" );
	 //$("#top_"+i+"_bw").fadeOut(500);
//	 $("#top_"+i).stop().animate({backgroundPosition: '(0px 0px)'}, 500);
	}

function UpdateImg(i)
{
//alert("Update "+i);
	for(j=1;j<7;j++)
  {
    if(j==i) ShowImg(j); else HideImg(j);
  }
}

function linkto(link)
{
 // alert(link);
}

function EqAll()
{
EqImg(1); EqImg(2); EqImg(3); EqImg(4); EqImg(5); EqImg(6);
}

$(document).ready(function () {

if(actpage > 0)
  {	
     $("#top_1").mouseenter(function(){ShowImg(1);});
     $("#top_2").mouseenter(function(){ShowImg(2);});
     $("#top_3").mouseenter(function(){ShowImg(3);});
     $("#top_4").mouseenter(function(){ShowImg(4);});
     $("#top_5").mouseenter(function(){ShowImg(5);});
     $("#top_6").mouseenter(function(){ShowImg(6);});

     $("#top_1").mouseleave(function(){HideImg(1);});
     $("#top_2").mouseleave(function(){HideImg(2);});
     $("#top_3").mouseleave(function(){HideImg(3);});
     $("#top_4").mouseleave(function(){HideImg(4);});
     $("#top_5").mouseleave(function(){HideImg(5);});
     $("#top_6").mouseleave(function(){HideImg(6);});

     $("#carousel").mouseleave(function(){ShowImg(actpage);});
     $("#carousel").mouseenter(function(){ if(actbox != actpage) HideImg(actpage);});
  }
else
  {	
     $("#top_1").mouseenter(function(){ShowImg(1); HideImg(2); HideImg(3); HideImg(4); HideImg(5); HideImg(6);});
     $("#top_2").mouseenter(function(){ShowImg(2); HideImg(1); HideImg(3); HideImg(4); HideImg(5); HideImg(6);});
     $("#top_3").mouseenter(function(){ShowImg(3); HideImg(1); HideImg(2); HideImg(4); HideImg(5); HideImg(6);});
     $("#top_4").mouseenter(function(){ShowImg(4); HideImg(1); HideImg(2); HideImg(3); HideImg(5); HideImg(6);});
     $("#top_5").mouseenter(function(){ShowImg(5); HideImg(1); HideImg(2); HideImg(3); HideImg(4); HideImg(6);});
     $("#top_6").mouseenter(function(){ShowImg(6); HideImg(1); HideImg(2); HideImg(3); HideImg(4); HideImg(5);});

     $("#top_1").mouseleave(function(){EqAll();});
     $("#top_2").mouseleave(function(){EqAll();});
     $("#top_3").mouseleave(function(){EqAll();});
     $("#top_4").mouseleave(function(){EqAll();});
     $("#top_5").mouseleave(function(){EqAll();});
     $("#top_6").mouseleave(function(){EqAll();});

     $("#carousel").mouseleave(function(){EqAll();});
     $("#carousel").mouseenter(function(){ if(actbox != actpage) HideImg(actpage);});
  }
  
     if(actpage==0)
       for(j=0; j<7; j++) {EqImg(j);}
    else
       for(j=0; j<7; j++) {if(actpage == j) ShowImg(j); else HideImg(j);}
       
       
     $("#sectionarrowimg").css("left", 189*(actpage-1) + 3);  
       
       //ws1 = ws;
     
      
      
  
});