$(document).ready(function(){
   var bodyID = $("body").attr("id");  

	$('#content').append('<a href="#" class="showcontract2"></a>');
	
  // Switch href values                                        
  if(bodyID == "operations1") { 
		$('<a href="#" class="showcontract2"></a>').prependTo("#colwrap > #content");
    $("#navOperations ul li a").each(function(){
      var index = $("#navOperations ul li a").index($(this));                                        
      $(this).attr({
        href: "javascript:showMap("+ (index + 1) +");"
      })
    });  
  } else {
    $("#navOperations ul li a").each(function(){
      var index = $("#navOperations ul li a").index($(this));                                        
      $(this).attr({
        href: "/default/index.cfm/operations1/?page="+ (index + 1) +""
      })
    });    
  }
    
  // hightlight clicked nav
  $("#navOperations ul li a").click(function(){
    $("#navOperations ul li a").removeClass("selected");                   
    $(this).addClass("selected");
  });
  $("#navOperations ul li a:eq("+ (getQueryString('page') - 1) +")").addClass("selected");  

  // highlight overview menu even pageNum is 0 or greater than 5
  var pageNum = parseInt(getQueryString('page'));    
  var urlStr = window.location.href;  
  if(urlStr.search("operations1") > 0) {
    if((pageNum == 0) || (pageNum > 5)) {   
      $("#operations_content1").show();    
      $("#navOperations ul li a:eq(0)").addClass("selected");        
    } else {  
      $("#operations_content1").hide();          
    }
  } else {
    $("#navOperations ul li a").removeClass("selected");                    
  } 
  

})


// This will make sure image is loaded before zooming
$(window).load(function(){  
  var pageNum = parseInt(getQueryString('page'));                          
  var urlStr = window.location.href;
  
  if(urlStr.search("operations1") > 0) {    
    if((pageNum != 0) && (pageNum <= 5)) { // make sure pageNum is only between 1 to 5
      showMap(parseInt(getQueryString('page')));
    }
  }                        
})


// get "page" value
function getQueryString(name)
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
  return 0;
  else
  return results[1];
}


// show map with animation
function showMap(x) {   
  var animateSpeed = 800;
  var zoomX = null;
  var zoomY = null;
  
  var maps = {
    overview: {
      initWidth: 360,
      initHeight: 300,
      initX: 0,
      initY: 0,
      zoomWidth: 1086,
      zoomHeight: 905
    },
    cambodia: {
      zoomX: 79,
      zoomY: 138
    },
    indonesia: {
      zoomX: 176,
      zoomY: 543      
    },
    thailand: {
      zoomX: 18,
      zoomY: 117      
    },
    vietnam: {
      zoomX: 163,
      zoomY: 98      
    }    
  }
  
  // overview is clicked and no country is yet zoomed  
  if((x==1) && (!$(".operations_maps").hasClass("currentMap"))) {
      $("#navOperations ul li a").removeClass("selected");
      $("#navOperations ul li a:eq(0)").addClass("selected");
      $("#operations_content1").show();
  }
  // a country is zoomed and overview is clicked
  else if((x==1)&&($(".operations_maps").hasClass("currentMap")))
  {    
    $(".operations_maps.currentMap").fadeOut(animateSpeed, function(){
      $(".operations_maps").removeClass("currentMap");
      $("#navOperations ul li a").removeClass("selected");
      $("#navOperations ul li a:eq(0)").addClass("selected");
      $(".operations_table").hide();    
      $(".operations_content").hide();      
      $("#operations_content"+ x +"").show();        
    });    
  }
  // country is clicked while another country is zoomed
  else if($(".operations_maps").hasClass("currentMap")) 
  {
    $(".operations_maps.currentMap").fadeOut(animateSpeed, function(){
      $(".operations_maps").removeClass("currentMap");
      zoomIn(x, animateSpeed, maps);
    });
  }
  // overview is shown and a country is clicked
  else 
  {
    zoomIn(x, animateSpeed, maps);
  }
}


// zoom animation
function zoomIn(x, animateSpeed, maps) {
	switch(x) {
    case 2: // Cambodia
      zoomX = maps.cambodia.zoomX; 
      zoomY = maps.cambodia.zoomY;
      break;
    case 3: // Indonesia
      zoomX = maps.indonesia.zoomX; 
      zoomY = maps.indonesia.zoomY;
      break;
    case 4: // Thailand
      zoomX = maps.thailand.zoomX; 
      zoomY = maps.thailand.zoomY;
      break;
    case 5: // Vietnam
      zoomX = maps.vietnam.zoomX; 
      zoomY = maps.vietnam.zoomY;
      break;
  }
	
	$("#navOperations ul li a").removeClass("selected");  
	$("#navOperations ul li a:eq("+ (x-1) +")").addClass("selected");          	

  // hide operations table and content
  $(".operations_table").hide();    
  $(".operations_content").hide();  
  
  $("#operations_map1 img").animate({
    width: maps.overview.zoomWidth,
    height: maps.overview.zoomHeight,
    left: -zoomX ,
    top: -zoomY          
  }, animateSpeed, function(){  
    $("#operations_map"+ x +"").fadeIn(animateSpeed, function() {
      $(this).addClass("currentMap");                                                     
      //reset overview map to 360x300
      $("#operations_map1 img")
        .width(maps.overview.initWidth)
        .height(maps.overview.initHeight)
        .css({
          left: maps.overview.initX, 
          top: maps.overview.initY
        });
      $("#operations_table_"+ x +"").show();    
      $("#operations_content"+ x +"").show();        
    });
  });
}