var sections = ["home","Zemi Media","Digital Stories","Mobile Platforms", "FLYP","Corporate", "Clients","Web Engineering","Zemi"];
var sectionTitles = ["","",": Digital Stories",": Mobile Platforms", ": FLYP",": Corporate", ": Clients",": Web Engineering",": Tomorrow’s storytelling today"];
var allLeft = false;
var theWidth=1024;
var home_position = 0;
var theHeight=window.innerHeight;
var original_position = new Array;
var address = 0;
if(!Array.indexOf){
	    Array.prototype.indexOf = function(obj){
	        for(var i=0; i<this.length; i++){
	            if(this[i]==obj){
	                return i;
	            }
	        }
	        return -1;
	    }
	}


$(document).ready(function(){
		
    $("#main_menu").css("height", theHeight);
    $("#main_menu").css("width", theWidth);
    $("#home_title").css({"opacity": "0"});
    $("#menu_container span").css({"opacity": "0"});
    address = $.address.value().replace(/\//g, "");
    if(address > "0"){
      for (var i = 1; i < 9; i++) {
      if(navigator.userAgent.indexOf('IE') == 27){
        $("#t" + i).animate({className: "t" + i+ " menu_item"},0, function(){
        $(this).css({"opacity": "1"});
        $("#home_title").css({"opacity": "1"});
    });
      }else{
        $("#t" + i).animate({className: "t" + i+ " menu_item"},1, function(){
        $(this).animate({opacity: 1},0);
        $("#home_title").css({opacity: 1});
    });
      }

  }
    getPosition();
    var enter_id = sections.indexOf(address);    
    	minimize_nav("t" + enter_id);
    	//$("#home_title").css({"opacity": "1"});
    	showPage("t" + enter_id);
    }else{
    run_intro_animation();
    $("#home_title").css({"opacity": "0"});
    }
   
  });
  
function run_intro_animation(){
  $("#main_menu span").each(function(){
      $(this).css("opacity", "0");
   });
  
  for (var i = 1; i < 9; i++) {
    $("#t" + i).animate({className: "t" + i+ " menu_item"}, i * 250,"linear");
  }
    setTimeout(gray,2000);
    activate_menu();
}

function gray(){
    $("#main_menu span").each(function(){
    var time = Math.round(Math.random() * 6) * 250;
    if(navigator.userAgent.indexOf('IE') == 27){
    $(this).delay(time).animate({opacity: 1}, 0, function(){
    $(this).css({"filter":"", "zoom":"0"});
    });
    }else{
    $(this).delay(time).animate({opacity: 1}, 500, function(){
    $(this).css({"filter":"", "zoom":"0"});
    });
    }
    });
   
    setTimeout(activate_click,3000);
    setTimeout(getPosition,3000);

}

function activate_menu(){
  for (var i = 1; i < 9; i++) {
    if(navigator.userAgent.indexOf('IE') == 27){
    $("#t" + i).animate({opacity: 1},0,function(){
        $(this).css({"filter":"", "zoom":"0"});
    });
    $("#t" + i).animate({"font-size":"24px"},0);
    }else{
    $("#t" + i).animate({opacity: 1},100,function(){
        $(this).css({"filter":"", "zoom":"0"});
    });
    $("#t" + i).animate({"font-size":"24px"},1);
    }
    $("#t" + i).css({"cursor":"default"});
    
}}

function getPosition(){
for (var i = 1; i < 9; i++) {
original_position[i] = $("#t" + i ).position();
}
}

function activate_click(){
    for (var i = 1; i < 9; i++) {
        $("#t" + i).css("cursor", "pointer");
        $("#t" + i).click(function(){
        stop_videos();
        $("#t4_section .right_content").animate({"width":"342px","left":"589px"});
        if(!allLeft) minimize_nav($(this).attr("id"));        
        showPage($(this).attr("id"));
        $.address.value(  sections[ this.id.replace(/t/g,"")]  );
            });
    }
}


function stop_videos(){
        $("#t3_section .right_content").css({"width":"342px", "height":"350px", "left":"589px"});
     	$("#t3_section .right_content").css({"filter":"", "zoom":"0","z-index":"99"});
     	$(".mvideo").css({"opacity":"0"});
     	$(".mvideo").css({display:"none","filter":"","zoom":"0"});
     	$(".mactive").css({"opacity":"1"});
     	$(".mactive").css({display:"block"});
     	$(".mbullet").css({"opacity":"1",display:"","filter":"","zoom":"0"});
     	$("#mcloseVid").css({display:"none"});
     	$("#m_video").css({"opacity":"1","filter":"","zoom":"0"});
     	$("#m_video").css({display:"block"});
     	$("#t3_section .left_content p").css({"opacity":"1","width":"300px"});
        $("#t4_section .right_content").css({"width":"342px","left":"589px"});
     	$(".video").css({"opacity":"0"});
     	$(".video").css({display:"none"});
     	$(".active").css({"opacity":"1","filter":"","zoom":"0"});
     	$(".active").css({display:"block"});
     	$(".bullet").css({"opacity":"1",display:"","filter":"","zoom":"0"});
     	$("#closeVid").css({display:"none"});
     	$("#w_video").css({"opacity":"1","filter":"","zoom":"0"});
     	$("#w_video").css({display:"","filter":"","zoom":"0"});
     	$("#link").css({"opacity":"1","filter":"","zoom":"0"});
     	$("#link").css({display:""});
     	$("#t4_section .left_content p").animate({"opacity":"1","width":"300px"});
     	if ( (navigator.userAgent.indexOf('iPad') == -1)) {
     	jwplayer('container').stop();
     	jwplayer('mcontainer').stop();
     	}
        if ( (navigator.userAgent.indexOf('iPad') != -1)) {
     	$("#mvideo_ipad")[0].pause();
        $("#video_ipad")[0].pause();
        }
}


function deactivate_menu(){
  for (var i = 1; i < 9; i++) {
    $("#t" + i).unbind('mouseover');
    $("#t" + i).unbind('mouseleave');
     $("#t" + i).unbind('click');
    $("#t" + i).css("font-size", "17px");
		$("#" + i).css("line-height", "23px");
    // $("#t" + i).css("cursor", "auto");
  }
  deactivateHovers();
}

/* MINIMIZE MENU*/

function leftPos(){
for (var m = 1; m < 9; m++){
  $("#t" + m ).css({display:"block",position:"absolute"});
  $("#t" + m ).css({top:original_position[m].top,left:original_position[m].left});
  $("#t" + m ).animate({"left":"10px"}, 250);
  $("#t" + m ).css({"margin-top":"0px", filter:""});
}
} 

function minimize_nav(id){ 
	allLeft = true;
	deactivate_menu();
	setTimeout(activate_click,1000);
	$("#" + id + "_section").delay(250).animate({"opacity": "1"}, 250);

	if(navigator.userAgent.indexOf('IE') == 27){
		$(".gray").animate({"opacity":"0"}, 0, "linear", leftPos());
		$("#t8 em").animate({"opacity":"0"}, 0);
	}else{
		$(".gray").animate({"opacity":"0"}, 250, "linear", leftPos());
		$("#t8 em").animate({"opacity":"0"}, 250);
	}
	
	var x = 35;
	
	$(".gray").css({position:"relative"});
	$("#t1").css({top: x + "px"});
	$("#home_title").show();
	$("#home_title").css("opacity","1");

	for(var t=2; t<9; t++){
		x = x + 30;
		$("#t"+t ).animate({top:(x)+"px"},250);
		if(t == "8"){
			$("#home_title" ).animate({top:(x)+20+"px"},250);
			$("#home_title").delay(800).css({opacity: 1,"filter":"","zoom":"0"},125);
			home_position = (x)+20;
		}
	}
	//$("#" + id).css("font-size", "17px");
	//$("#" + id).css("line-height", "23px");

	$("#home_title").css({"cursor":"pointer"});
	$("#home_title").click(function(){
		maximize_nav();
	});
	activateHovers();
}




/* MINIMIZE MENU END */
function mainPos(){
	for (var m = 1; m < 9; m++){
		$("#t" + m ).animate({top:original_position[m].top,left:original_position[m].left},500);
		$(".gray").css({"display":"inline"});
	}
	setTimeout(activate_click,1000);
}

function rearrange(){
if(navigator.userAgent.indexOf('IE') == 27){
$(".gray").animate({"opacity":"1"}, 0, function(){
     $(this).css("zoom", "0");
});
$("#t8 em").animate({"opacity":"1"}, 0, function(){
    $(this).css("zoom", "0");
});
}else{
$(".gray").animate({"opacity":"1"}, 500, function(){
     $(this).css("zoom", "0");
});
$("#t8 em").animate({"opacity":"1"}, 500, function(){
    $(this).css("zoom", "0");
});
}
$(".menu_item").css({display:"inline",position:"","zoom":"0"});
}


function maximize_nav(){
  allLeft = false;
  $(".menu_item").removeClass("current");
  deactivate_menu();
  activate_menu();
  mainPos();
  $("span.gray").css("color","#616264");
  if(navigator.userAgent.indexOf('IE') == 27){
    setTimeout(rearrange,1000);
    $("#main_menu div").animate({"border": "0px"}, 0);
    $("#home_title").animate({opacity: 0}, 0);
    $("#t8").animate({"margin-top": '35px'}, 0);
  }else{
    setTimeout(rearrange,500);
    $("#main_menu div").animate({"border": "0px"}, 250);
    $("#home_title").animate({opacity: 0}, 250);
    $("#t8").animate({"margin-top": '35px'}, 250);
  }

  $("#home_title").css("cursor", "auto");  
  $("#home_title").unbind("click");
}





function activateHovers() { 
  $("#menu_container").unbind("mouseover");

  // $("#menu_container").mouseover( function() { 
  //     setHomeTitle("t0");
  //   }, function() { 
  //     setHomeTitle( $(".current").attr("id") );
  //   });
$("#menu_container").hover( function() { 
    setHomeTitle("t0");    
  }, function() {setHomeTitle( $("span.current").attr("id")); } );

  $(".menu_item").unbind("mouseover");
  $(".menu_item").mouseover( function() { 
      //setHomeTitle( this.id );
    });
}

function deactivateHovers() { 

}
function showPage(id){
  if( $("#"+id).hasClass("current")==false ) {
    $(".section").hide();
    $("#" + id + "_section").css({"opacity": "0","display": "block"});
    
    if(navigator.userAgent.indexOf('IE') == 27){
	$.address.title("Zemi"+sectionTitles[ id.replace(/t/g,"")]);
    $("#" + id + "_section").delay(200).animate({"opacity": "1"}, 0, function(){
        $("#w_video").css({"zoom": "0"});
        $("#m_video").css({"zoom": "0"});
        $("#link").css({"zoom": "0"});
       $("#" + id + "_section").css({"filter":""});
        $(this).attr("filter");
        $("#" + id + "_section p").css({"filter":""});
    });
    
    }else{
    $.address.title("Zemi"+sectionTitles[ id.replace(/t/g,"")]);
    $("#" + id + "_section").delay(400).animate({"opacity": "1"}, 500, function(){
        $("#w_video").css({"zoom": "0"});
        $("#m_video").css({"zoom": "0"});
        $("#link").css({"zoom": "0"});
       $("#" + id + "_section").css({"filter":""});
        $(this).attr("filter");
        $("#" + id + "_section p").css({"filter":""});
    });
    
    }
    
    $(".menu_item").removeClass("current");
    $("#" + id).addClass("current");
  }
  $("#home_title").click(function(){
      closePage(id);
    });
}

function closePage(id){
if(navigator.userAgent.indexOf('IE') == 27){
  $("#" + id + "_section").animate({"opacity": "0"}, 0, function(){
      $(this).css("display", "none");
      $.address.value( "" );
	  $.address.title("Zemi"+sectionTitles[ id.replace(/t/g,"")]);
   });
}else{
  $("#" + id + "_section").animate({"opacity": "0"}, 250, function(){
      $(this).css("display", "none");
      $.address.value( "" );
	  $.address.title("Zemi");
    });
}

}