/*======================================================
--	CREATED BY: LINH T. NGUYEN - LINHBURIN@YAHOO.COM
--	CREATED DATE: 11/26/2010
--	LAST UPDATE: 11/26/2010
========================================================*/
function ln_custom_accordian(triggerClass, containerClass, showAll, showFirst, showLast)
{
	/*
		Function to show/hide accordian
	*/
	if(showAll == 0){
		$(containerClass).hide();
	}
	
	if(showFirst == 1){
		$(triggerClass+':first').addClass('active').next().show();
	}
	
	if(showLast == 1){
		$(triggerClass+':last').addClass('active').next().show();
	}
	
	
	//On Click
	$(triggerClass).click(function(){ 
		$(triggerClass+'.active').next().slideUp();
		
		if( $(this).next().is(':hidden') ) { 
			$(this).removeClass('active').next().slideUp();
			$(this).toggleClass('active').next().slideDown();
		}else{
			$(this).removeClass('active').next().slideUp();
		}
		return false;
	});
}

function screenshotPreview(previewLink, width){	
	/*
	 * Url 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
	 *
	 */
	
	 /**-- Modified by Linh T. Nguyen (linhburin@yahoo.com) 
	 */
	 
	xOffset = -25;
	yOffset = -180;
	$("a."+previewLink).hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='"+previewLink+"'><img src='"+ this.rel +"' alt='"+this.t+"' width='"+width+"'/>"+ c +"</p>");		
		$("#"+previewLink)
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");
		},
		function(){
			this.title = this.t;	
			$("#"+previewLink).remove();
    });	
	
	$("a."+previewLink).mousemove(function(e){
		$("#"+previewLink)
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};


function ln_popup_note(previewLink)
{
	/**
		Pop up a content div when hovering its trigger 
	*/	
	var xOffset = 5;
	var yOffset = 20;
	var popupNote = '';
	$("."+previewLink).hover(function(e){
		popupNote = $(this).attr('rel'); 
		$("#"+popupNote)
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")	
			.css("display", "block")
			.fadeIn("fast");
		},
		function(){	
			$("#"+popupNote).fadeOut("fast");
	});	
	
	$("."+previewLink).mousemove(function(e){
		$("#"+popupNote)
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
									   
}

function custom_popup(triggerClass, closeBtnHolder)
{
	/**
		Display and Close a popup
		@param triggerClass: name of the Anchor's class	
		@param imgDir: path to folder contains Close button image
	*/
	
	$('a.'+ triggerClass +'[href^=#]').click(function() {
		var popID = $(this).attr('rel'); //Get Popup Name
		var popURL = $(this).attr('href'); //Get Popup href to define size
		
		if(popURL != '#'){
			var query= popURL.split('?');
			var dim= query[1].split('&');
			var popWidth = dim[0].split('=')[1];

			$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) });
		}else{
			var imgWidth = $('#' + popID).width();	
			$('#' + popID).fadeIn().css({ 'width': Number( imgWidth ) });
		}
				
		//Define margin for center alignment (vertical + horizontal) - we add 20 to the height/width to accomodate for the padding + border width defined in the css
		var popMargTop = ($('#' + popID).height() + 20) / 2;
		var popMargLeft = ($('#' + popID).width() + 20) / 2;
		
		//Apply Margin to Popup
		$('#' + popID).css({ 
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});
		
		//Fade in Background
		$('body').append('<div id="ln-pop_fade"></div>');
		$('.'+closeBtnHolder).fadeIn().append('<p><a href="#" class="ln-pop_close">CLOSE X</a></p>');
		$('#ln-pop_fade').css({'filter' : 'alpha(opacity=60)'}).fadeIn();
				
		return false;
	}); // end of displaying popup
	
	
	//Close Popups and Fade Layer
	$('a.ln-pop_close, #ln-pop_fade').live('click', function() { //When clicking on the close or fade layer...
		
	  	$('#ln-pop_fade , .ln-pop_block').fadeOut(function() {			
			$('#ln-pop_fade, a.ln-pop_close').remove();  
		 }); //fade them both out		
		return false;
	});	// end of closing Popup
}