// JavaScript Document

var lastCategoryID;
var isFirst = true;

$(document).ready(function()
{
	
	
	addIcons();		
	$("#drawings #drawingscontent #categories li").click(function()
	{
		categorySelected( $(this).attr("id") );
	});
	categorySelected("one_category");
	
	$("#drawings #drawingscontent #categories li").hover(function()
	{
        $(this).css("text-decoration","none");
    }
	,function ()
	{
		if($(this).attr("id") != lastCategoryID)
		{
       		$(this).css("text-decoration","underline");
		}
    });

	/////////PREVIEW IMAGE
	$("#drawingslists ul li").hover(function()
	{
    // $("<div>&nbsp;</div>").css("background-image","url(../images2/imagepreviewbubble.jpg)").css("position","absolute").css("left","300px").appendTo( $(this) );
	 	$("<div>&nbsp</div>").attr("id","imagepreview").css("position","absolute").css("left","370px").css("top","-50px").css("width","178px").css("height","150px").css("background-image","url(../images2/imagepreviewbubble.gif)").appendTo( $(this) );
		$("<img src='../images2/" + $(this).attr("id") + ".jpg' />").css("margin","15px 0 0 40px").appendTo( $("#imagepreview") );
	 	$("#imagepreview").css("opacity",0);
	 	$("#imagepreview").fadeTo("3",1.0);
    }
	,function ()
	{
         $("#imagepreview").remove();
    });
	
	
	$("#drawingslists ul li p").click(function()
	{
		var downloadString = $(this).parent().attr("id") + ".pdf"
		window.open(downloadString);
	});
	
	
	/////////ICON EVENTS	
	$("#drawingslists ul li .pdf").click(function()
	{
		//var downloadString = "../docs/" + $(this).parent().attr("id") + "_pdf.zip"
		var fileName = $(this).parent().attr("id") + ".pdf";
		
		//uses PHP download script
		var downloadString = "../download.php?f=detaildrawings/PDF/" + fileName + "&fc=" + fileName;
		location.href = downloadString;
	});
	
	
	$("#drawingslists ul li .dwg").click(function()
	{
		//var downloadString = "../docs/" + $(this).parent().attr("id") + "_dwg.zip"
		var fileName = $(this).parent().attr("id") + ".dwg";
		var downloadString = "../download.php?f=detaildrawings/DWG/" + fileName + "&fc=" + fileName;
		location.href = downloadString;
	});
	
	
	$("#drawingslists ul li .pdf, #drawingslists ul li .dwg").hover(function()
	{
        $(this).fadeTo("fast",0.7);
    }
	,function ()
	{
        $(this).fadeTo("fast",1.0);
    });
	
	
});



function categorySelected(category)
{
	if(lastCategoryID)
	{																																								   
		$("#" + lastCategoryID).css("background-image","none").css("position","static").css("text-decoration","underline").css("color","#333").css("padding-left","10px");
		$("#" + lastCategoryID.split("_")[0] + "_drawings").css("visibility","hidden");
	}
	
	$("#" + category).css("background-image","url(../images2/detail_drawings_current_category.jpg)").css("position","relative").css("left","-8px").css("text-decoration","none").css("color","#FFF").css("padding-left","18px");
	lastCategoryID = category;
	
	$("#" + category.split("_")[0] + "_drawings").css("visibility","visible");
	//$("#drawingslists").css("height", $("#" + category.split("_")[0] + "_drawings").css("height") );
	$("#drawingslists").css("height", $("#" + category.split("_")[0] + "_drawings")[0].offsetHeight + "px" );
	
	if(!isFirst)
	{
		
		//var height = Number($("#products1").css("height").substr(0,3)) +  Number($("#products2").css("height").substr(0,3)) +  Number($("#products2").css("height").substr(0,3));
		
		var height = $("#products1")[0].offsetHeight +  $("#products2")[0].offsetHeight + $("#products3")[0].offsetHeight;
		
		$("#main_col").css("height", height + "px");
		
	}else{
		isFirst = false;	
	}
		
}

///////ADD ICONS TO DETAIL DRAWINGS LIST ITEMS
function addIcons()
{
	//$("<img src='images2/detail_drawings_img.jpg' />").css("left","385px").appendTo($("#drawingslists ul li"));
	$("<img src='../images2/detail_drawings_pdf.jpg' />").css("left","335px").attr("class","pdf").appendTo($("#drawingslists ul li"));
	$("<img src='../images2/detail_drawings_dmg.jpg' />").css("left","285px").attr("class","dwg").appendTo($("#drawingslists ul li"));
	$("#drawingslists ul li img").css("height","40px").css("padding-right","9px").css("position","absolute").css("top","5px").css("cursor","pointer");
}