// JavaScript Document

var timeout_id = 0;
//var menu_max_opacity = 90;
//var menu_min_opacity = 0;
var menu_fade_interval = 50;
//var alpha_step = 10;
var interval_before_hide = 500;
var current_index = 0;
var layer_info = new Array(12);
var image_info = new Array(12);

for (i = 0; i < image_info.length; i++){
	image_info[i] = new Array(7);
}

//Setup Data that are required for hover over image and pop up menu
function setup_data(){
	layer_info[0] = 'cd_dvd_layer';
	layer_info[4] = 'ipod_cases_layer';
	layer_info[9] = 'silicone_skins_layer';
	
	image_info[0][0] = 'cd_dvd_cases_image';  //Image id name
	image_info[0][1] = 'image/share/menu/product_cd_dvd_s.jpg'; // Selected button face
	image_info[0][2] = 'image/share/menu/product_cd_dvd.jpg';  // Unselected button face		
	image_info[0][3] = 'image/share/menu/product_header_edge_item_s.jpg'; //Select upper edge
	image_info[0][4] = 'image/share/menu/product_header_edge.jpg';	// Unselected upper edge
	image_info[0][5] = 'image/share/menu/product_21_edge_l.jpg';	 //Select lower edge
	image_info[0][6] = 'image/share/menu/product_21_edge.jpg'; //Unselected lower edge
	
	image_info[1][0] = 'cd_player_cases_image';
	image_info[1][1] = 'image/share/menu/product_cd_player_s.jpg';
	image_info[1][2] = 'image/share/menu/product_cd_player.jpg';
	image_info[1][3] =  'image/share/menu/product_21_edge_u.jpg';
	image_info[1][4] = 'image/share/menu/product_21_edge.jpg';	
	image_info[1][5] = 'image/share/menu/product_20_edge_l.jpg';	 
	image_info[1][6] = 'image/share/menu/product_20_edge.jpg';
	
	image_info[2][0] = 'dc_cases_image';
	image_info[2][2] = 'image/share/menu/product_dc.jpg';
	image_info[2][1] = 'image/share/menu/product_dc_s.jpg';
	image_info[2][3] =  'image/share/menu/product_20_edge_u.jpg';
	image_info[2][4] = 'image/share/menu/product_20_edge.jpg';	
	image_info[2][5] = 'image/share/menu/product_20_edge_l.jpg';	 
	image_info[2][6] = 'image/share/menu/product_20_edge.jpg';
	
	image_info[3][0] = 'dvd_player_cases_image';
	image_info[3][2] = 'image/share/menu/product_dvd_player.jpg';
	image_info[3][1] = 'image/share/menu/product_dvd_player_s.jpg';
	image_info[3][3] =  'image/share/menu/product_20_edge_u.jpg';
	image_info[3][4] = 'image/share/menu/product_20_edge.jpg';	
	image_info[3][5] = 'image/share/menu/product_19_edge_l.jpg';	 
	image_info[3][6] = 'image/share/menu/product_19_edge.jpg';
	
	image_info[4][0] = 'ipod_cases_image';
	image_info[4][2] = 'image/share/menu/product_ipod.jpg';
	image_info[4][1] = 'image/share/menu/product_ipod_s.jpg';
	image_info[4][3] =  'image/share/menu/product_19_edge_u.jpg';
	image_info[4][4] = 'image/share/menu/product_19_edge.jpg';	
	image_info[4][5] = 'image/share/menu/product_20_edge_l.jpg';	 
	image_info[4][6] = 'image/share/menu/product_20_edge.jpg';
	
	image_info[5][0] = 'psp_cases_image';
	image_info[5][2] = 'image/share/menu/product_psp.jpg';
	image_info[5][1] = 'image/share/menu/product_psp_s.jpg';
	image_info[5][3] =  'image/share/menu/product_20_edge_u.jpg';
	image_info[5][4] = 'image/share/menu/product_20_edge.jpg';	
	image_info[5][5] = 'image/share/menu/product_20_edge_l.jpg';	 
	image_info[5][6] = 'image/share/menu/product_20_edge.jpg';
	
	image_info[6][0] = 'flight_cases_image';
	image_info[6][2] = 'image/share/menu/product_flight.jpg';
	image_info[6][1] = 'image/share/menu/product_flight_s.jpg';
	image_info[6][3] =  'image/share/menu/product_20_edge_u.jpg';
	image_info[6][4] = 'image/share/menu/product_20_edge.jpg';	
	image_info[6][5] = 'image/share/menu/product_20_edge_l.jpg';	 
	image_info[6][6] = 'image/share/menu/product_20_edge.jpg';
	
	image_info[7][0] = 'notebook_bags_image';
	image_info[7][2] = 'image/share/menu/product_notebook.jpg';
	image_info[7][1] = 'image/share/menu/product_notebook_s.jpg';
	image_info[7][3] =  'image/share/menu/product_20_edge_u.jpg';
	image_info[7][4] = 'image/share/menu/product_20_edge.jpg';	
	image_info[7][5] = 'image/share/menu/product_19_edge_l.jpg';	 
	image_info[7][6] = 'image/share/menu/product_19_edge.jpg';
	
	image_info[8][0] = 'inlays_image';
	image_info[8][2] = 'image/share/menu/product_inlays.jpg';
	image_info[8][1] = 'image/share/menu/product_inlays_s.jpg';
	image_info[8][3] =  'image/share/menu/product_19_edge_u.jpg';
	image_info[8][4] = 'image/share/menu/product_19_edge.jpg';	
	image_info[8][5] = 'image/share/menu/product_20_edge_l.jpg';	 
	image_info[8][6] = 'image/share/menu/product_20_edge.jpg';
	
	image_info[9][0] = 'silicone_skins_image';
	image_info[9][2] = 'image/share/menu/product_silicone.jpg';
	image_info[9][1] = 'image/share/menu/product_silicone_s.jpg';
	image_info[9][3] =  'image/share/menu/product_20_edge_u.jpg';
	image_info[9][4] = 'image/share/menu/product_20_edge.jpg';	
	image_info[9][5] = 'image/share/menu/product_20_edge_l.jpg';	 
	image_info[9][6] = 'image/share/menu/product_20_edge.jpg';
	
	image_info[10][0] = 'pda_cases_image';
	image_info[10][2] = 'image/share/menu/product_pda.jpg';
	image_info[10][1] = 'image/share/menu/product_pda_s.jpg';
	image_info[10][3] = 'image/share/menu/product_20_edge_u.jpg';
	image_info[10][4] = 'image/share/menu/product_20_edge.jpg';	
	image_info[10][5] = 'image/share/menu/product_20_edge_l.jpg';	 
	image_info[10][6] = 'image/share/menu/product_20_edge.jpg';
	
	image_info[11][0] = 'sun_visors_image';
	image_info[11][2] = 'image/share/menu/product_sun_visors.jpg';
	image_info[11][1] = 'image/share/menu/product_sun_visors_s.jpg';
	image_info[11][3] =  'image/share/menu/product_20_edge_u.jpg';
	image_info[11][4] = 'image/share/menu/product_20_edge.jpg';	
	image_info[11][5] = 'image/share/menu/product_footer_edge_s.jpg';	 
	image_info[11][6] = 'image/share/menu/product_18_edge.jpg';
	
	}

function popup_menu(){
	document.getElementById(layer_name).style.visibility="visible";
}
function hide_menu(){
	document.getElementById(hide_layer_name).style.visibility ="hidden";
	//Restore image also
	restore_image(current_index);
}
function hide_all_menu(except_menu_id){
	//Hide all menu layer except the specific one
	for (i = 0; i < layer_info.length; i++){
		if ( layer_info[i]!=null && layer_info[i] != except_menu_id){			
			var elements = document.getElementById(layer_info[i]);
			if (elements.style.visibility == "visible"){
				restore_image(i);
			}
			elements.style.visibility = "hidden"; 
		}
	}
}
//Starting point to pop up menu
function popup_menu_init(index){
	swap_image(index);
	layer_name = "";
	//alpha_value = 0;
	layer_name = layer_info[index];	
	
	clearTimeout(timeout_id);
	hide_all_menu (layer_name, index);
	
	//setPosition (header_name, layer_name);
	document.getElementById(layer_name).style.visibility ="visible";
	
	//filter_str = "alpha(opacity=0)";
	//alpha_value  = menu_min_opacity;
	//document.getElementById(layer_name).style.filter= filter_str;
	
	timeout_id = setTimeout("popup_menu()", menu_fade_interval);	
}

//Starting point to hide menu
function hide_menu_init(index_h){
	clearTimeout(timeout_id);
	hide_layer_name = layer_info[index_h];
	current_index = index_h;
	timeout_id = setTimeout("hide_menu()", interval_before_hide);
}

function cancel_hide_menu(){
	clearTimeout(timeout_id);	
}
//On mouse over, swap image
function swap_image(index){
	var element_suffix = parseInt(index)+1;
	var element = "product_edge" + element_suffix;

	document.getElementById(image_info[index][0]).src =  image_info[index][1];
	document.getElementById("product_edge" + index).src = image_info[index][3];
	document.getElementById(element).src = image_info[index][5];
}
//On mouse out, restore image (suppose notto call directly)
function restore_image(index){	
	var element_suffix = parseInt(index)+1;
	var element = "product_edge" + element_suffix;

	document.getElementById(image_info[index][0]).src =  image_info[index][2];
	document.getElementById("product_edge" + index).src = image_info[index][4];
	document.getElementById(element).src = image_info[index][6];
}

function getFlashMovieObject(movieName)
{
	
  /*if (window.document[movieName]) 
  {
	  return window.document[movieName];
  }*/
  if (navigator.appName.indexOf("Microsoft Internet")==-1)
  {
    if (document.embeds && document.embeds[movieName])
      return document.embeds[movieName]; 
  }
  //else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
 // {

    return document.getElementById(movieName);
 // }
}

function set_flash_page(value){
	var flash_movie = getFlashMovieObject("flash_object");
	flash_movie.SetVariable("catSerString",value );
	document.cookie=value;
}

function set_cookie(value){
	//document.cookie=value;
	var str = value.split("|");
	if (str.length >=2 ) {
		document.location.href="product.html?catName=" + str[0] + "&" + "serName=" + str[1];
	}else{
		document.location.href="product.html?catName=" + str[0] + "&" + "serName=";
	}
}

function get_param(){	
	var selected_product = document.location.href;
	var index = selected_product.lastIndexOf("?");	
	var cat_ser_string = "";
	if  (index != -1) {
		cat_ser_string = selected_product.substring(parseInt(index+1), selected_product.length);
	}else{
		cat_ser_string = "catName=&serName=";
	}
	return cat_ser_string;
}

