var current_image = "1";
var current_product = "1";
var catalog = new Array();
var detail_image = new Array();

$(window).bind('load', function() {
	
	submenu_show();
	
	var $this = $(this);
	var $div = $("#detailframe");
	
});

$(document).ready(function(){
						   
	$("#mainframe").mouseover(function () { 
		for (var i = 1; i<=10; i++) {
			$("#smenu_navigation_id_"+i).hide();
		}
	});
	
});

$(window).click(function () { 
	for (var i = 1; i<=10; i++) {
		$("#smenu_navigation_id_"+i).hide();
	}
});

function lsubmit() {
	var f = document.forms[0];
	f.submit();
	return false;
}

function submenu_show(id) {
	
	for (var i = 1; i<=10; i++) {
		$("#smenu_navigation_id_"+i).hide();
	}
	
	$("#"+id).show();
	
}

function submenu_hide() {

	for (var i = 1; i<=10; i++) {
		$("#smenu_navigation_id_"+i).hide();
	}
	
}

function hide () { 

	var $div = $("#detailframe");		 
	var $con = $("#content");	
	var $dfc = $("#detailframecontent");
	var $li  = $("#content li");
	
	$dfc.fadeOut('slow', function() {
								  
		document.getElementById("detailframecontent").innerHTML="&nbsp;";						  
								  
		$con.animate({marginLeft: "0px"}, 'slow' , function() {			
					
			$div.animate({width: "0px"}, 'fast');		
		
			$con.animate({width: "100%"}, 'slow' , function() {

			
			});
			
			$li.animate({width: "212px"}, 'slow');
			
		});
		
	});
	
	return false;
}

function show (url,id) { 

	current_product = id;

	var $div = $("#detailframe");		 
	var $con = $("#content");	
	var $dfc = $("#detailframecontent");
	var $li  = $("#content li");
	var $h   = $("#mainframe h1");
	
	$li.animate({width: "146px"}, 'slow');
	
	$con.animate({width: "735px"}, 'slow' , function() {
																							 
		$div.animate({width: "330px"}, 'fast');											 
	
		$con.animate({marginLeft: "330px"}, 'slow' , function() {
		
			$dfc.fadeOut('slow', function() {
										  
				$.ajax({
					type: "GET",
					url: url,
					data: "",
					async: false,
					success: function(html){
						document.getElementById("detailframecontent").innerHTML = html;
						$dfc.fadeIn('slow');
					}
				});
			
			});
			
		});
		
	});
	
	return false;
}

function open_window (url,width,height) {
	pop = window.open(url,"_blank","width="+width+",height="+height+",left=100,top=200,scrollbars=yes");
	return (pop) ? false : true;
}

function show_image (image,text,id) {
	
	current_image = id;
	
	if (image != "") {
		document.getElementById("image_detail").src = image;
	}
	if (text != "") {
		document.getElementById("text_detail").innerHTML = text;
	}
	
	return false;
}

function prev_image () {
	
	var image_id = Number(current_image) - 1;

	if (image_id <= 0) {
		image_id = 1;	
	}
	
	current_image = image_id;
	show_image (detail_image[image_id],'',image_id)
	//document.getElementById("image_detail").src = detail_image[image_id];
	return false;
}

function next_image () {
	
	var image_id = Number(current_image) + 1;
	
	if (image_id >= 4) {
		image_id = 3;	
	}

	current_image = image_id;
	show_image (detail_image[image_id],'',image_id)
	//document.getElementById("image_detail").src = detail_image[image_id];
	return false;
}

function prev_product () {
	
	var product_id = Number(current_product) - 1;
	var minimum = 1;
	
	if (product_id <= minimum) {
		product_id = minimum;	
	}

	current_product = product_id;
	show (catalog[product_id],product_id);
	return false;
}


function next_product () {
	
	var product_id = Number(current_product) + 1;
	var maximum = Number(catalog.length) - 1
	
	if (product_id >= maximum) {
		product_id = maximum;	
	}

	current_product = product_id;
	show (catalog[product_id],product_id);
	return false;
}

function change_image ($id, $img) {	
	$('#'+$id).attr('src', $img);
}