var preload_projectinfo_img1 = new Image();
var preload_projectinfo_img2 = new Image();
var preload_projectinfo_img3 = new Image();
var preload_projectinfo_img4 = new Image();
preload_projectinfo_img1.src =  "/images/project_info_bgtop.png";
preload_projectinfo_img2.src =  "/images/project_info_bgbottom.png";
preload_projectinfo_img3.src =  "/images/project_info_bg.png";
preload_projectinfo_img4.src =  "/images/icon_closewindow.gif";

//project  page jquery initialization
$().ready(function(){
	//fix footer position
	h = $("#wrapper").height();
	w = $("#wrapper").width();
	$(".footer").css({
		position: "absolute",
		top: (h-20)+"px"
	});
	//-
	
	
	
	//dropdown menu - comment form
	$("#sendCommentForm").find(".loewDropDownMenu").loewyDropDownMenu({
		width: 150,
		slideUpSpeed: 300,
		slideDownSpeed: 400
	});
	//-
	
	//dropdown menu - work menu
	$(".recent_projects").find(".loewDropDownMenu").loewyDropDownMenu({
		width: 115,
		slideUpSpeed: 300,
		slideDownSpeed: 400
	});
	//$(".gridMenuItem, .gridMenuContainer", $("#homenav")).find(".loewDropDownMenu").css("display","none");
	//-
	
	
	//project list scroll
	var scroll_startUpPos = 0;
	//alert(document.referrer);
	//if (document.referrer&&document.referrer.indexOf("/work/") >= 0 ) {
		scroll_startUpPos = getCookie(scrollPaneCookie);
		if (scroll_startUpPos != "") {
			scroll_startUpPos = parseFloat(scroll_startUpPos);
		}
	//}
	$(".recent_projects").find(".project_listings").jScrollPane({
		scrollbarWidth: 8,
		dragMaxHeight: 46,
		dragMinHeight: 46,
		positionChanged:function(p) {
			setCookie(scrollPaneCookie,p,1);
		},
		startUpPos:scroll_startUpPos
	});
	//-
	
	
	//homenav
	$(".homenavMenuItem","#homenav").loewyGridMenu({
		showDuration: 500,
		hideDuration: 500,
		animType: 2,
		backgroundColor: "#1A314F",
		easeShow:"easeInQuad",
		easeHide:"easeOutQuad"
	});
	//-
	
	//init shadowbox
	
	
		
	//---------------------- project listings -------------------------
	//Sort by dropdown menu
	if ($.loewy.dropDownMenu) {
		$(".recent_projects").find("li.menuitem").mousedown(function(e) {
			rel = $(this).attr("rel");
			if (rel != undefined && rel != "") {
				//document.location.href = "/work/"+rel+"/";
				document.location.replace("/work/"+rel+"/");
			}
		});
	} else {
		$(".recent_projects").find("select").find("option").click(function(e) {
			rel = this.value
			if (rel != undefined && rel != "") {
				document.location.href = "/work/"+rel+"/";
			}
		});
	}
	
	function loadSortList(sortby) {
		$(".recent_projects").find(".project_listings").html('<img src="'+loadingImg.src+'" alt="loading..." style="margin-top: 0px;" />');
		$.ajax({
			url: "/includes/sortby_"+sortby+".html",
			data: "sort="+sortby,
			type: "GET",
			success: function(msg) {
				//destroy jScrollPage event binding
				if ($.jScrollPane) {
					$(".recent_projects").find(".jScrollPaneContainer").unbind();
					$(".recent_projects").find(".jScrollPaneContainer").find("*").unbind();
				}
				
				//destroy old project listings event binding
				$(".project_listings").find("li").find("a").unbind();
				
				$(".recent_projects").find(".project_listings").html(msg);
				
				//reinitialize jScrollPane
				if ($.jScrollPane) {
					$(".recent_projects").find(".project_listings").jScrollPane({
						scrollbarWidth: 8,
						dragMaxHeight: 46,
						dragMinHeight: 46
					});
				}
				
				initProjectListings();
			}
		});
	}
	//-
	
	//project listings
	function initProjectListings() {
		$(".project_listings").find("li").find("a").each(function() {
			$(this).click(function(e) {
				rel = $(this).attr("rel");
				e.preventDefault();
				this.blur();
				$(this).parent().parent().find("li.selected").removeClass("selected");
				$(this).parent().addClass("selected");
				
				var project_title = $(this).attr("title");
				var project_params = parseQuery($(this).attr("params"));
				
				//change the title
				$(".slides_holder").find(".header").find("h2").html(project_title);
				
				
				if (rel != undefined && rel != "") {
					//load Info page
					$("#open_project_info").unbind();
					$("#project_info").find(".project_info_content").html('<img src="'+loadingImg.src+'" alt="loading..." />');
					$.ajax({
						type: "GET",
						url: "/projects_info.php",
						data: "p="+rel,
						success: function(msg) {
							$("#project_info").find(".project_info_content").html(msg);
							initProjectInfoPage();
						},
						error: function() {
							$("#project_info").find(".project_info_content").html("<p>No Information Available</p>");
						}
					});
					
					//load slides
					//destroy old slides
					//$("#project_slides").loewyScreenSliderDestroy();
					$("#project_slides").loewyScreenSliderDisable();
					$("#project_slides").html('<div class="loading"><img src="'+loadingImg.src+'" alt="loading..." /></div>');
					$.ajax({
						type: "GET",
						url: "/project_slides.php",
						data: "p="+rel,
						success: function(msg) {
							$("#project_slides").html(msg);
							fixPng($("#project_slides"));
							//initialize new slides content
							$("#project_slides").loewyScreenSliderReinit();
							//initSlides();
							//
							initFlashBox();
						},
						error: function() {
							$("#project_slides").html("<p>No Preview Available</p>");
						}
					});
				}
				
				
				return false;
			});
		});
		
	}
	//-
	
	//Init project info page
	function initProjectInfoPage() {
		$("#open_project_info").click( function(e) {
			e.preventDefault();
			this.blur();
			$("#project_info").modal({
				overlay: 0,
				closeClass: "closeProjectInfo",
				onOpen: function(dialog) {
					dialog.overlay.show();
					dialog.container.show();
					dialog.content.animate({height: "show"}, 500, "easeOutExpo");
				}
			});
			return false;
		});
	}
	//-
	
	//Init slides
	function initSlides() {
		$("#project_slides").loewyScreenSlider({
			width: 695,
			navTimeout: 2000
		});
	}
	
	
	function parseQuery ( query ) {
	   var Params = {};
	   if ( ! query ) {return Params;}// return empty object
	   var Pairs = query.split(/[;&]/);
	   for ( var i = 0; i < Pairs.length; i++ ) {
	      var KeyVal = Pairs[i].split('=');
	      if ( ! KeyVal || KeyVal.length != 2 ) {continue;}
	      var key = unescape( KeyVal[0] );
	      var val = unescape( KeyVal[1] );
	      val = val.replace(/\+/g, ' ');
	      Params[key] = val;
	   }
	   return Params;
	}
	
	
	function initFlashBox() {
		if ($.fn.loewyFlashBox) {
			$("a.flashBox").loewyFlashBox();
		}
	}
	
	//initProjectListings();
	initProjectInfoPage();
	initSlides();
	initFlashBox();
	
	//slides popup
	function init_slides_popup() {
		var all = $(".slide_popup"),
			rels_hash = {}, rels = [];
			
		all.each(function() {
			var r = $(this).attr("rel");
			if ( typeof rels[r] === "undefined" ) {
				rels[r] = 1;
				rels.push(r);
				
				$(this).addClass("slide_popup_" + r);
			}
		});
		
		for (var $i=0; $i < rels.length; $i++ ) {
			
			$(".slide_popup_" + rels[$i]).each(function(){
				var href = this.href, w, h;
				if (m = this.href.match(/screens_load_asset\.php(.*?)\&w\=(\d+)\&h\=(\d+)/)) {
					w = m[2];
					h = m[3];
					
					$(this).colorbox({
						rel: rels[$i],
						title:false,
						current:'',
						opacity:0.5,
						iframe:true,
						innerWidth:w,
						innerHeight:h
					});
				} else {
					$(this).colorbox({
						rel: rels[$i],
						title:false,
						current:'',
						opacity:0.5
					});
				}
			});
		}
		
	}
	if ( typeof $.fn.colorbox !== "undefined" ) {
		init_slides_popup();
	}
	
});