// JavaScript Document

function displayUseCase(pg)
{
/*
	$('body').after('<div id="boxes"><div id="dialog" class="window"><b>Testing of Modal Window</b> | <a href="#" class="close">Close it</a></div><div id="mask"></div></div>');
	
	var maskHeight = $(document).height();
	var maskWidth = $(window).width();
 
 	var id = "#dialog";
 
	//Set height and width to mask to fill up the whole screen
	$('#mask').css({'width':maskWidth,'height':maskHeight});
	 
	//transition effect    
	$('#mask').fadeIn(1000);   
	$('#mask').fadeTo("slow",0.8); 
 
	//Get the window height and width
	var winH = $(window).height();
	var winW = $(window).width();
		   
	//Set the popup window to center
	$(id).css('top',  winH/2-$(id).height()/2);
	$(id).css('left', winW/2-$(id).width()/2);
 
	//transition effect
	$(id).fadeIn(2000); 
	*/
	
	jQuery.fn.modalBox({ 
            directCall: { 
                data : '<div class="slide-container"><img src="/images/use-cases/' + pg + '/slide-1.jpg" /></div><div class="slide-btns"><a id="next-slide" href="#">next</a><a id="prev-slide" href="#">prev</a></div><div class="clear"></div>',
			},
			callFunctionAfterShow : function() { 
					showSlideButtons(); 
					registerButtonActions(pg);
				} 
        });

	ssopened = true;
	//showSlideButtons();
}

function registerButtonActions(pg)
{
	$('#next-slide').click(function(e) {
		e.preventDefault();
		currentSlide += 1;										
		showSlideButtons();
		$('div.slide-container').html('<img src="/images/use-cases/' + pg + '/slide-' + currentSlide + '.jpg" />');
	});
	
	$('#prev-slide').click(function(e) {
		e.preventDefault();
		currentSlide -= 1;	
		showSlideButtons();
		$('div.slide-container').html('<img src="/images/use-cases/' + pg + '/slide-' + currentSlide + '.jpg" />');
	});
}

function showSlideButtons()
{
	if(slides == 1)
	{
		$('#next-slide').hide();
		$('#prev-slide').hide();
		return;
	}
	
	if(currentSlide >= slides)
	{
		$('#next-slide').hide();
		$('#prev-slide').show();		
		currentSlide = slides;
	}
	
	if(currentSlide <= 1)
	{
		$('#prev-slide').hide();
		$('#next-slide').show();		
		currentSlide = 1;
	}
}

$(document).ready(function(){
	//if close button is clicked
    $('.window .close').click(function (e) {
        //Cancel the link behavior
        e.preventDefault();
        $('#mask, .window').hide();
    });    
     
    //if mask is clicked
    $('#mask').click(function () {
        $(this).hide();
        $('.window').hide();
    }); 
	
	
});