$(document).ready(function(){
		
		showProductWindow();
	});

	function showProductWindow(){
		$("a[rel=product]").each(function(countProduct){
			$(this).click(function(e){
				e.preventDefault();
				closeAllproduct(countProduct);
				
				var divIdProduct = $(this).attr("href");

				divIdProduct = divIdProduct.substring(divIdProduct.indexOf("#"), divIdProduct.length);
				var productId =  'productParent_' + countProduct;
				$('body').append('<div id="' + productId + '" class="productParent"></div>');
				$("#" + productId).append('<div id="productTitile"></div><div id="productContent"></div><div id="productStatus"></div>');
				$("#productTitile").append('<div id="productTitileLeft"></div><div id="productTitileMiddle"></div><div id="productTitileRight"></div><div id="clear"></div>');
				$("#productTitileMiddle").html($(divIdProduct).attr("title"));
				$("#productTitile").append('<div id="buttonPanel"><a href="#" class="minimize"><img src="images/button-min-focus.gif" border="0" title="Minimize"></a>' + 
				'<a href="#" class="maximize"><img src="images/button-max-focus.gif" border="0"title="Maximize"></a><a href="#" class="close"><img src="images/button-close-focus.gif" border="0" title="Close"></a><div>');
				
				$(".minimize").bind("click",function(){
					minimizeproduct(countProduct)
				});
				$(".maximize").bind("click",function(){
					maximizeproduct(countProduct, divIdProduct);
				});
				$(".close").bind("click",function(){
					closeproduct(countProduct);
				});

				$("#" + productId).draggable({handle:"#productTitile"});
				$("#productContent").html($(divIdProduct).html());
				//$("#productContent").jScrollPane();
				$("#productStatus").html($(divIdProduct).attr("status"));

				var divStyleProduct = $(divIdProduct).attr("style");
				
				if(divStyleProduct != null && (divStyleProduct.indexOf("width") != -1 || divStyleProduct.indexOf("WIDTH") != -1)){
					$("#" + productId).css("width", $(divIdProduct).css("width"));
					if (jQuery.browser.msie) {
						var w = $(divIdProduct).css("width");
						w = w.replace(/w/,"");
						w = parseInt(w) - 3;
						$("#productContent").css("width", w + "px");
					}
				}
				if(divStyleProduct != null && (divStyleProduct.indexOf("height") != -1 || divStyleProduct.indexOf("HEIGHT") != -1)){
					$("#productContent").css("height", $(divIdProduct).css("height"));
				}

				$("#" + productId).append('<div id="productBottom"><div id="productBottomLeft"></div><div id="productBottomMiddle">&nbsp;</div><div id="productBottomRight"></div><div id="clear"></div></div>');
				
				if (jQuery.browser.msie) {
					$("#productTitileMiddle").css("width", $("#" + productId).width() - 23);
					$("#productBottomMiddle").css("width", $("#" + productId).width() -17);
				}else{
					$("#productTitileMiddle").css("width", $("#" + productId).width() - 26);
					$("#productBottomMiddle").css("width", $("#" + productId).width() - 14);
				}

				if($(divIdProduct).css("top") != "auto" || (divStyleProduct != null && divStyleProduct.indexOf("top") != -1)){
					if($(divIdProduct).css("top")  != "auto")
						$("#" + productId).css("top", $(divIdProduct).css("top"));
					else
						$("#" + productId).css("top", getTop(divStyleProduct));
				}else{
					var top = $(window).height() - $("#" + productId).height();
					top = top/2;
					$("#" + productId).css("top",top);
				}
				
				if($(divIdProduct).css("left") != "auto" || (divStyleProduct != null && divStyleProduct.indexOf("left") != -1)){
					if($(divIdProduct).css("left")  != "auto")
						$("#" + productId).css("left", $(divIdProduct).css("left"));
					else
						$("#" + productId).css("left", getLeft(divStyleProduct));
				}else{					
					var left = $(window).width() - $("#" + productId).width();
					left = left/2;

					
					$("#" + productId).css("left",left);
				}

				
				$("#" + productId).slideDown(700,"linear", function(){
					showWindow();
					showProductWindow()
				});
				
			});
		});
	}

	function closeAllproduct(countProduct){
		closeAllWindow(-1);
		$(".productParent").each(function(){
			var id = $(this).attr("id");
			id = id.split("_")[1];
			//if(id != countProduct){
				$(this).hide();
				$(this).remove();
			//}			
		});
		isMaximizedproduct = false;
		isMinimizedproduct = false;
	}
	function closeproduct(countProduct){
		var productId =  'productParent_' + countProduct;
		$("#" + productId).slideUp(600, "bouncein", function(){
			$("#" + productId).remove();
		});
		isMaximizedproduct = false;
		isMinimizedproduct = false;
	}

	function minimizeproduct(countProduct){
		var productId =  'productParent_' + countProduct;
		$("#productContent").slideToggle(600,function(){
			$("#productStatus").css("margin-top","26px");
			$("#productStatus").toggle();
			if(isMinimizedproduct){
				isMinimizedproduct = false;
				$("#productBottom").show();
			}
			else{
				$("#productBottom").hide();
				isMinimizedproduct = true;
			}
		});
		
	}
	var isMaximizedproduct = false;
	var isMinimizedproduct = false;

	function maximizeproduct(countProduct, divIdProduct){
		var productId =  'productParent_' + countProduct;
		if (!jQuery.browser.msie) {
			$("#productTitile").fadeOut();
			$("#productContent").fadeOut();
			$("#productStatus").fadeOut();
		}
		$("#" + productId).css("border","4px dashed #AAA");
		
		if(!isMaximizedproduct){
			$("#" + productId).animate({"width": $(window).width()-10, "left": "0px", "top":"0px", "margin-top" : "0px", "margin-left" : "0px"}, "slow", "elasout", function(){
				$("#productTitileMiddle").css("width", $("#" + productId).width() - 26);
				$("#productBottomMiddle").css("width", $("#" + productId).width() - 14);
				$("#productTitile").fadeIn();
				$("#productContent").height($(window).height()-60);
				$("#" + productId).css("border","");
				if (jQuery.browser.msie) 
				{
					$("#productContent").width($("#" + productId).width() - 3);
					$("#productTitileMiddle").css("width", $("#" + productId).width() - 23);
					$("#productBottomMiddle").css("width", $("#" + productId).width() - 17);
				}

				if(isMinimizedproduct)
					$("#productStatus").fadeIn();
				else
					$("#productContent").fadeIn();
			});
			isMaximizedproduct = true;
		}else{
			var top , left, width = "200px", height ="250px";
			
			var divStyleProduct = $(divIdProduct).attr("style");

			if(divStyleProduct != null && ($(divIdProduct).css("top") != "auto" || divStyleProduct.indexOf("top") != -1)){
				if($(divIdProduct).css("top")  != "auto")
					$("#" + productId).css("top", $(divIdProduct).css("top"));
				else
					$("#" + productId).css("top", getTop(divStyleProduct));
			}else{
				var top = $(window).height() - 250;
				top = top/2;
				$("#" + productId).css("top",top);
			}
			
			if(divStyleProduct != null && ($(divIdProduct).css("left") != "auto" || divStyleProduct.indexOf("left") != -1)){
				if($(divIdProduct).css("left")  != "auto")
					$("#" + productId).css("left", $(divIdProduct).css("left"));
				else
					$("#" + productId).css("left", getLeft(divStyleProduct));
			}else{					
				var left = $(window).width() - 200;
				left = left/2;

				
				$("#" + productId).css("left",left);
			}

			

			var divStyleProduct = $(divIdProduct).attr("style");
				
				if(divStyleProduct != null && (divStyleProduct.indexOf("width") != -1 || divStyleProduct.indexOf("WIDTH") != -1)){
					width = $(divIdProduct).css("width");
					if (jQuery.browser.msie) {
						var w = $(divIdProduct).css("width");
						w = w.replace(/w/,"");
						w = parseInt(w) - 3;
						$("#productContent").css("width", w + "px");
					}
				}
				if(divStyleProduct != null && (divStyleProduct.indexOf("height") != -1 || divStyleProduct.indexOf("HEIGHT") != -1)){
					height = $(divIdProduct).css("height");
				}
			
			$("#" + productId).animate({"width": width, "left": left , "top": top}, "slow", "elasout", function(){
				$("#productTitileMiddle").css("width", $("#" + productId).width() - 26);
				$("#productBottomMiddle").css("width", $("#" + productId).width() - 14);
				$("#productTitile").fadeIn();
				$("#productContent").height(height);
				$("#" + productId).css("border","");
				if (jQuery.browser.msie) {
					if(divStyleProduct != null && divStyleProduct.indexOf("width") == -1 && divStyleProduct.indexOf("WIDTH") == -1)
						$("#productContent").width("197px");
					$("#productTitileMiddle").css("width", $("#" + productId).width() - 23);
					$("#productBottomMiddle").css("width", $("#" + productId).width() - 17);

				}
				if(isMinimizedproduct)
					$("#productStatus").fadeIn();
				else
					$("#productContent").fadeIn();
			});			
			
			isMaximizedproduct = false;
		}

	}


	function getTop(style){
		if(style.indexOf("top") == -1)
			return "auto";
		else{
			var styles = style.split(";");
			for(var i = 0; i < styles.length; i++){
				if(styles[i].indexOf("top") != -1)
					return styles[i].split(":")[1];
			}
		}
	}
	function getLeft(style){
		if(style.indexOf("left") == -1)
			return "auto";
		else{
			var styles = style.split(";");
			for(var i = 0; i < styles.length; i++){
				if(styles[i].indexOf("left") != -1)
					return styles[i].split(":")[1];
			}
		}
	}