$(document).ready(function() {
   	init();
});
// Vars
var selected = false;

/* Gallery funtion
------------------------------------- */
function init(){
	// Append content
	$("#onlyJs").append("<a href=\"#\" id=\"icon_preview\"><img src=\"../img/icon_preview.png\" /></a>");
	$("#onlyJs").append("<a href=\"#\" id=\"icon_print\"><img src=\"../img/icon_print.png\" /></a>");
	$("#onlyJs").append("<a href=\"index.html?item=preview_1\" class=\"preview_1\"><div id=\"preview_1\">strip 1</div></a>");
	$("#onlyJs").append("<a href=\"?item=preview_2\" class=\"preview_2\"><div id=\"preview_2\">strip 2</div></a>");
	$("#onlyJs").append("<a href=\"?item=preview_3\" class=\"preview_3\"><div id=\"preview_3\">strip 3</div></a>");
	$("#onlyJs").append("<a href=\"?item=preview_4\" class=\"preview_4\"><div id=\"preview_4\">strip 4</div></a>");
	$("#onlyJs").append("<a href=\"?item=preview_5\" class=\"preview_5\"><div id=\"preview_5\">strip 5</div></a>");
	$("#onlyJs").append("<a href=\"?item=preview_6\" class=\"preview_6\"><div id=\"preview_6\">strip 6</div></a>");
	// Check url
	if($(document).getUrlParam("item")){
		selected = $(document).getUrlParam("item");
		$("#"+selected).addClass("selected");
	}
	// Add click events
	generate_print_content();
	$("#icon_preview").click(function(){ preview(); return false; });
	$("#icon_print").click(function(){ window.print(); return false; });
	gallery();
}


/* Gallery funtion
------------------------------------- */
function gallery(){
	//Toggle class for hover images when mouseover
	if(selected == false){	
		selected = "preview_1";
		$("#preview_1").addClass("selected");
	}
	//alert(selected);
	if(selected != "preview_1"){
		$("#gal_p_1_i_1").mouseover(function(){ $("#preview_1").addClass("selected"); $("#preview_1").css({'z-index': "40"});}).mouseout(function(){ $("#preview_1").removeClass(); });
		//Do same with preview image if mouse is over it. Avoid flickering.
		$("#preview_1").mouseover(function(){ $("#preview_1").addClass("selected"); $("#preview_1").css({'z-index': "40"});}).mouseout(function(){ $("#preview_1").removeClass(); });
	}
	//Toggle class for hover images when mouseover
	if(selected != "preview_2"){
		$("#gal_p_1_i_2").mouseover(function(){ $("#preview_2").addClass("selected"); $("#preview_2").css({'z-index': "40"});}).mouseout(function(){ $("#preview_2").removeClass(); });
		//Do same with preview image if mouse is over it. Avoid flickering.
		$("#preview_2").mouseover(function(){ $("#preview_2").addClass("selected"); $("#preview_2").css({'z-index': "40"});}).mouseout(function(){ $("#preview_2").removeClass(); });
	}
	//Toggle class for hover images when mouseover
	if(selected != "preview_3"){
		$("#gal_p_1_i_3").mouseover(function(){ $("#preview_3").addClass("selected"); $("#preview_3").css({'z-index': "40"});}).mouseout(function(){ $("#preview_3").removeClass(); });
		//Do same with preview image if mouse is over it. Avoid flickering.
		$("#preview_3").mouseover(function(){ $("#preview_3").addClass("selected"); $("#preview_3").css({'z-index': "40"});}).mouseout(function(){ $("#preview_3").removeClass(); });
	}
	//Toggle class for hover images when mouseover
	if(selected != "preview_4"){
		$("#gal_p_2_i_1").mouseover(function(){ $("#preview_4").addClass("selected"); $("#preview_4").css({'z-index': "40"});}).mouseout(function(){ $("#preview_4").removeClass(); });
		//Do same with preview image if mouse is over it. Avoid flickering.
		$("#preview_4").mouseover(function(){ $("#preview_4").addClass("selected"); $("#preview_4").css({'z-index': "40"});}).mouseout(function(){ $("#preview_4").removeClass(); });
	}
	//Toggle class for hover images when mouseover
	if(selected != "preview_5"){
		$("#gal_p_2_i_2").mouseover(function(){ $("#preview_5").addClass("selected"); $("#preview_5").css({'z-index': "40"});}).mouseout(function(){ $("#preview_5").removeClass(); });
		//Do same with preview image if mouse is over it. Avoid flickering.
		$("#preview_5").mouseover(function(){ $("#preview_5").addClass("selected"); $("#preview_5").css({'z-index': "40"});}).mouseout(function(){ $("#preview_5").removeClass(); });
	}
	//Toggle class for hover images when mouseover
	if(selected != "preview_6"){
		$("#gal_p_2_i_3").mouseover(function(){ $("#preview_6").addClass("selected"); $("#preview_6").css({'z-index': "40"});}).mouseout(function(){ $("#preview_6").removeClass(); });
		//Do same with preview image if mouse is over it. Avoid flickering.
		$("#preview_6").mouseover(function(){ $("#preview_6").addClass("selected"); $("#preview_6").css({'z-index': "40"});}).mouseout(function(){ $("#preview_6").removeClass(); });
	}
}
/* Preview
------------------------------------- */
function preview(){
	generate_print_content();
	// Generate content
	$("body").append("<div id=\"fade\"></div><div id=\"preview_box\"><a id=\"preview_close\" href=\"#\"><img src=\"../img/preview_close.gif\" alt=\"close\" /></a><p>Gillar du den här? Då är det bara att trycka på Printa ut.</p></div>");
	// Center preview box
	$("#fade").width($(window).width());
	$("#fade").height($(window).outerHeight());
	var midHeight = Math.round(($(window).outerHeight() / 2) - 220);
	var midWidth = Math.round(($(window).width() / 2) - 315);
	$("#preview_box").css({ top: midHeight, left: midWidth });
	//Add content to Preview box
	/*if(selected == false){	
		selected = "preview_1";
		$("#preview_1").addClass("selected");
	}*/
	
	$("#preview_box").append($(".selected"));
	var oldPosX = $(".selected").css("left");
	var oldPosY = $(".selected").css("bottom");
	$(".selected").css({ bottom: "73px", left: "170px" });	
	$("#preview_box").append($("#icon_print"))
	var printPosX = $("#icon_print").css("right");
	var printPosY = $("#icon_print").css("top");
	$("#icon_print").css({ top: "290px", right: "10px" });
	// Close and cleanup
	$("#fade").click(function(){ $("#icon_print").css({ top: printPosY, right: printPosX }); $("#onlyJs").append($("#icon_print")); $(".selected").css({ bottom: oldPosY, left: oldPosX }); $("."+selected).append($(".selected")); $("#fade").remove(); $("#preview_box").remove(); });
	$("#preview_close").click(function(){ $("#icon_print").css({ top: printPosY, right: printPosX }); $("#onlyJs").append($("#icon_print")); $(".selected").css({ bottom: oldPosY, left: oldPosX }); $("."+selected).append($(".selected")); $("#fade").remove(); $("#preview_box").remove();  return false; });
}

/* Print content
-------------------------------------- */
function generate_print_content(){
	if(".only_print"){
		$(".only_print").remove();
	}
	$("#onlyJs").append("<img class=\"only_print\" src=\"../img/placeholders/big/"+selected+".jpg\" width=\"310\" height=\"420\" alt=\"\" />");
	//$("#onlyJs").append("<img class=\"only_print\" src=\"../img/placeholders/preview_1.gif\" alt=\"\" />");
}