// Detail page functions

$(document).ready(function(){

	// check if first image needs enlarge
	var initEnlarge = $("div.picviewer div.pic img.pic_1").filter(".enlarge").attr("class");
	if(initEnlarge){
		$("div.picviewer div.pic div.enlarge").show();								
	}
	
	
	// tabs function
	$("div.picviewer div.tabs a").click(function(){
		
		// remove current "on" classes
		$("div.picviewer div.pic img.on").removeClass("on");
		$("div.picviewer div.tabs a.on").removeClass("on");
		$("div.picviewer div.text div.on").removeClass("on");
		
		// get the name attribute of the clicked tab
		var numClass = this.name; 
		
		// give the correct elements the "on" class
		$("div.picviewer div.pic img.pic_" + numClass).addClass("on");
		$("div.picviewer div.tabs a.tab_" + numClass).addClass("on");
		$("div.picviewer div.text div.text_" + numClass).addClass("on");
		
		// check for enlarge on pic
		//var picClass = $("div.picviewer div.pic img.pic_" + numClass).attr("class");
		//alert(picClass);
		
		
		var picClass = $("div.picviewer div.pic img.pic_" + numClass).filter(".enlarge").attr("class");
		if(picClass){
			$("div.picviewer div.pic div.enlarge").show();
									
			// $("div.picviewer div.pic a").show();
		}else{
			$("div.picviewer div.pic div.enlarge").hide();
			// $("div.picviewer div.pic a").hide();
		}
		
		//alert(myTest);
		
		return false;
		
	});
	
	
	// show elayer
	$("div.picviewer div.pic img.enlarge, div.picviewer div.pic div.enlarge").click(function(){
		$("div.elayer").show();
		var numClass = $("div.picviewer div.tabs a.on").attr("name");
		//$("div.elayer td.pics div.pic_" + numClass).show();
		$("div.elayer td.pics div.pic_" + numClass).addClass("on");
	});
	
	
	// close elayer
	/*$("div.elayer img, div.elayer td.close div").click(function(){
		$("div.elayer").hide();
		var numClass = $("div.picviewer div.tabs a.on").attr("name");
		$("div.elayer td.pics div").hide();	
	});*/
	$("div.elayer td.nav div.close").click(function(){
		$(".elayer").hide();
		var numClass = $("div.picviewer div.tabs a.on").attr("name");
		//$("div.elayer td.pics div").hide();
		$("div.elayer td.pics div.on").removeClass("on");
	});
	
	// elayer next
	$("div.elayer td.nav div.next").click(function(){
		var isNext = $("div.elayer td.pics div.on").next().length;
		
		if(isNext){
			$("div.elayer td.pics div.on").removeClass("on").next().addClass("on");
		}else{
			$("div.elayer td.pics div.on").removeClass("on");
			$("div.elayer td.pics div").first().addClass("on");
		}
	});
	
	// elayer prev
	$("div.elayer td.nav div.prev").click(function(){
		var isPrev = $("div.elayer td.pics div.on").prev().length;
		
		if(isPrev){
			$("div.elayer td.pics div.on").removeClass("on").prev().addClass("on");
		}else{
			$("div.elayer td.pics div.on").removeClass("on");
			$("div.elayer td.pics div").last().addClass("on");
		}
	});
	
	// left menu scroll
	$("div.menu div.portpages li.m1").click( function(){
	
		$("div.menu div.portpages ul").animate({ top:-187 }, 500);
		return false;
	
	});
	
	$("div.menu div.portpages li.m2").click( function(){
	
		$("div.menu div.portpages ul").animate({ top:0 }, 500);
		return false;
	
	});
	
	/*
	$("div.menu div.portpages li.m3").click( function(){
	
		$("div.menu div.portpages ul").animate({ top:-370 }, 500);
		return false;
	
	});
	
	$("div.menu div.portpages li.m4").click( function(){
	
		$("div.menu div.portpages ul").animate({ top:-185 }, 500);
		return false;
	
	});
	*/
	
	
});