/*
* Richter Studios
* 03-01-10
* Alice's Studio: CMS Build
*/

var openTimer;
var isOpen = false;
fadeSpeed  = "fast";
var offsetTop;
var dialogHeight;

/** On Ready *************************************************************************/
$(document).ready(function(){
	//$(".bgCover").css({opacity:0.7});//define opacity
	
	/** Events **************************************************/
	$(window).bind('resize',showBox); //window resize control
	
	$('.g-grid a').live("click", function(){
      	//keep from jumping to top of page
		var offset = $(this).offset(); 
		offsetTop = offset.top;
		
		var img = $(this).attr('id');
		var title = $(this).children().attr('title');
		var txt = $(this).children().attr('alt');
		
		callDialog(img,title,txt);
		return false;
    });
	
	$('.bgCover').live("click", function(){
		if(isOpen == true){
			doClose();	
		}
    });
	$('#dialog').live("click", function(){
		if(isOpen == true){
			doClose();	
		}
    });
	
}); //eo on ready

/** Dialog *************************************************************************/
function callDialog(img,title,txt){
	popImg = 'assets/gallery/lrg/' + img;
	$('div#dialog img').attr('src',popImg);
	$('div#dialog div#title').html(title);
	$('div#dialog div#txt').html(txt);
	
	openTimer = setTimeout(doOpen, 1000);
}

function doOpen() {
	clearTimeout(openTimer);
	isOpen = true; //status open
	showBox(); //show 

	// Fade in background
	//$(".bgCover").fadeIn(fadeSpeed);	

	return false; //don't follow the link : so return false
}

function doClose(){
	isOpen = false;
	
	//reactivate scrollbars
	//$("body").css({overflow:"auto"});
	//$("html").css({overflow:"auto"});	
	
	//$(".bgCover").css({opacity:0.7,width:0,height:0});
	$('#dialog').hide();
}

function showBox() {
	if( isOpen == false ) return false;  //if  not set to open -> do nothing
	
	//for position
	dialogHeight = $('div#dialog div#wrapper').height();
	
	//alert(dialogHeight);
	var dheight = dialogHeight / 2;
	var goOffset = offsetTop - 250;
	
	$("#dialog").css({display:"block",left:( ($(window).width() + 80) - $("#dialog").width() )/2,top:( (offsetTop - 100) - $("#dialog").height()/2 ),position:"absolute"});	

	// deactivate the browser scrollbars
	//$("body").css({overflow:"hidden"});
	//$("html").css({overflow:"hidden"});
	
	//window background dimension and position for 		
	//$(".bgCover").css({width: $(window).width(),height:$(window).height()});
}