// JavaScript Document

var imgpos = [0, 20, 95, 10, 105];
var links = new Array("", "visualisation", "dtp", "photography", "webdesign");
var speed = 400;
var actbox = 0;

var ws = '0px';
var wb = '1024px';
var we = '256px';
var maxw = 1024;
var minw = 0;

var mnh = '500';
var mxh = [650,590,630,500];

var eqc = 4;
var ws1 = ws;
var wb1 = wb;

//var textminh = 430;
//var textmaxh = 530;


var openq = 0;

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

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

 
 
        if(openq != i)  $("#m_a"+i).css("backgroundPosition", "0px 0px"); if(openq != i)  $("#rf_"+i).stop().fadeTo(speed/2,0);

         $("#top_"+i).stop().animate({width: we},   {duration: speed/2, step: function(now, fx) { 
        if (fx.prop == "width") {
               var p = (maxw - minw) / 100;
               var x = 100 - ((maxw - now) / p);
               $("#top_text_"+i+"").css("left", -1 * (imgpos[i] - (imgpos[i]*(x/100))));
               }
        }
     , complete: function() {eqc = eqc+1; }});
	
    if(i==1) $("#btnrazcz").stop().animate({left: "366px"}, {duration: speed });


  }


 function HideImg(i) {
//alert("Hide "+i);
      
 $("#top_"+i).stop().animate({width: ws1}, {duration: speed*0.95, step: function(now, fx) {
        if (fx.prop == "width") {
               var p = (maxw - minw) / 100;
               var x = 100 - ((maxw - now) / p);
               $("#top_text_"+i+"").css("left", -1 * (imgpos[i] - (imgpos[i]*(x/100))));
               }
        }, complete: function() {  }
      }
     );
     
  if(i==1) $("#btnrazcz").stop().animate({left: "366px"}, {duration: speed });
  
         
	}


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) {
        if (fx.prop == "width") {
               var p = (maxw - minw) / 100;
               var x = 100 - ((maxw - now) / p);
                $("#top_text_"+i+"").css("left", -1 * (imgpos[i] - (imgpos[i]*(x/100))));
               }
        }, complete: function() { $("#m_a"+i).css("backgroundPosition", "-512px 0px"); $("#rf_"+i).stop().fadeTo(speed/2,0.5); actpage=i; 
        
         $("#carousel").stop().animate({height: mxh[actbox-1]}, {duration: speed/10} );
         $("#top_"+i).animate({height: mxh[actbox-1] + "px"}, {duration: speed/10} );
         $("#top_text_"+i).animate({height: mxh[actbox-1]-20 + "px"}, {duration: speed/10} );
         $("#text_"+i).animate({height: mxh[actbox-1]-70 + "px"}, {duration: speed/10} );

        
         }
      }
    
   );
  
  if(i==1)
  {
	 $("#btnrazcz").stop().animate({left: "203px"}, {duration: speed });
  
  }
    
}


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

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


function GM_wait() 
{ 
    if(eqc < 4) 
    { 
        window.setTimeout(GM_wait,speed/5); 
    } 
    else 
    { 
      UpdateImg(openq);
    } 
} 


function EqAll()
{

         $("#top_"+actpage).animate({height: mnh + "px"}, {duration: speed/10} );
         $("#text_"+actpage).animate({height: mnh-70 + "px"}, {duration: speed/10} );
         $("#top_text_"+actpage).animate({height: mnh-20 + "px"}, {duration: speed/10} );
eqc = 0;
actpage=0;
         $("#carousel").stop().animate({height: mnh}, {duration: speed/10, step: function(now, fx) {}, complete: function() { EqImg(1); EqImg(2); EqImg(3); EqImg(4); } } );


}

$(document).ready(function () {


  {	
  
  $("#rf_1").stop().fadeTo(0,0);
  $("#rf_2").stop().fadeTo(0,0);
  $("#rf_3").stop().fadeTo(0,0);
  $("#rf_4").stop().fadeTo(0,0);
  
/*     $("#m_a1").mouseenter(function(){EqAll(); ShowImg(1); HideImg(2); HideImg(3); HideImg(4);});
     $("#m_a2").mouseenter(function(){EqAll(); ShowImg(2); HideImg(1); HideImg(3); HideImg(4);});
     $("#m_a3").mouseenter(function(){ShowImg(3); HideImg(1); HideImg(2); HideImg(4);});
     $("#m_a4").mouseenter(function(){ShowImg(4); HideImg(1); HideImg(2); HideImg(3);});
  */
  
     $("#m_a1").mouseenter(function(){if(actpage != 1) {$("#rf_1").stop().fadeTo(speed/2,1); $("#m_a1").css("backgroundPosition", "-256px 0px"); openq = 1; EqAll(); GM_wait();}});
     $("#m_a2").mouseenter(function(){if(actpage != 2) {$("#rf_2").stop().fadeTo(speed/2,1); $("#m_a2").css("backgroundPosition", "-256px 0px"); openq = 2; EqAll(); GM_wait();}});
     $("#m_a3").mouseenter(function(){if(actpage != 3) {$("#rf_3").stop().fadeTo(speed/2,1); $("#m_a3").css("backgroundPosition", "-256px 0px"); openq = 3; EqAll(); GM_wait();}});
     $("#m_a4").mouseenter(function(){if(actpage != 4) {$("#rf_4").stop().fadeTo(speed/2,1); $("#m_a4").css("backgroundPosition", "-256px 0px"); openq = 4; EqAll(); GM_wait();}});

     $("#m_a1").mouseleave(function(){if(actpage != 1) $("#rf_1").stop().fadeTo(speed/2,0);  if(actpage != 1) $("#m_a1").css("backgroundPosition", "0px 0px");});
     $("#m_a2").mouseleave(function(){if(actpage != 2) $("#rf_2").stop().fadeTo(speed/2,0);  if(actpage != 2) $("#m_a2").css("backgroundPosition", "0px 0px");});
     $("#m_a3").mouseleave(function(){if(actpage != 3) $("#rf_3").stop().fadeTo(speed/2,0);  if(actpage != 3) $("#m_a3").css("backgroundPosition", "0px 0px");});
     $("#m_a4").mouseleave(function(){if(actpage != 4) $("#rf_4").stop().fadeTo(speed/2,0);  if(actpage != 4) $("#m_a4").css("backgroundPosition", "0px 0px");});


     $("#logo").mouseenter(function(){openq = 0; EqAll();});

    // $("#carousel").mouseleave(function(){EqAll();});
    // $("#carousel").mouseenter(function(){ if(actbox != actpage) HideImg(actpage);});
  }
  
     if(actpage<=0)
       for(j=0; j<5; j++) {EqImg(j);}
   // else
   //    for(j=0; j<5; j++) {if(actpage == j) ShowImg(j); else HideImg(j);}
       
       
     
      
      
  
});