/*
 * Image preview script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 
this.imagePreview = function(){	
	/* CONFIG */
		
		xOffset = 10;
		yOffset = 30;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("a.preview").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p style='float:left; position:absolute; left:0px; top:0px;' id='preview'><img src='"+ this.rel +"' alt='Image preview'  />"+ c +"</p>");								 
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#preview").remove();
    });	
	$("a.preview").mousemove(function(e){
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};
/**
* This function creates drop down menu
* 
**/
startList = function() {
		navRoot = $("#nav");
		navRoot.children('li').bind('mouseover', function (){
									
									$(this).children("ul").addClass("level1-over");
									$(this).children("a").addClass("drop-down");
									});
		navRoot.children('li').bind('mouseout', function (){
									$(this).children("ul").removeClass("level1-over");
									$(this).children("a").removeClass("drop-down");
									});
		/*
		for (i=0; i<navRoot.children().length; i++) {
			node = navRoot.children(i);
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					if(this.childNodes.length > 2)
					{
						this.childNodes[2].className+="-over";
						this.childNodes[1].className+=" active";
					}
			  }
			  node.onmouseout=function() {
				  if(this.childNodes.length > 2)
				  {
			 		 this.childNodes[2].className=this.childNodes[2].className.replace("-over", "");
				  	 this.childNodes[1].className=this.childNodes[1].className.replace("active", "");
				  }
			}
		   }
		}*/
}


// starting the script on page load
$(document).ready(function(){
	imagePreview();
	startList();
});