$(document).ready(function(){

	function resizeWindowHandler() {
	   var maskHeight = $(document).height();  
	   var maskWidth = $(window).width();  
	   $('#mask').css({'width':maskWidth,'height':maskHeight});  
	 
	   var winW = $(window).width();  
	   $('div#ld-demo-guide').css('left', winW/2-$('div#ld-demo-guide').width()/2);  
	 };

	function launchDemo() {
		resizeWindowHandler();
		$('div#ld-demo-guide').css('top', 140);
	
		$('#mask').fadeIn(500);
		$('#mask').fadeTo(300, 0.8);
	  	$('div#ld-demo-guide').fadeIn(500);
	  
		$(window).bind("resize", resizeWindowHandler);
	}
	
	 $('a[name=ld-demo-guide]').click(function(e) {
	    e.preventDefault();  

		setTimeout(launchDemo, 1000);
	});
	
//    if close button is clicked  
    $('div.ld-demo-close a').click(function (e) {  
        e.preventDefault();  
        $('#mask, #ld-demo-guide').hide();  
		$(window).unbind("resize", resizeWindowHandler);
    });       
	      
    //if mask is clicked  
    $('#mask').click(function () {  
        $(this).hide();  
        $('#ld-demo-guide').hide();  
		$(window).unbind("resize", resizeWindowHandler);
    });
    
	var obj = {
		clickDemoTitle: function(){
						$('div#ld-demo-guide').animate({top:'+=220px'}, 'slow', null);
						$('div.senzoo_div_main').slideDown('slow');
				},
		closeDemo: function(){
						$('div.senzoo_div').slideUp('slow');
						$('#mask, div#ld-demo-guide').fadeOut('slow');
				}
	};

	$.fn.extend(obj);    
});