setTimeout('showLoadingWait()',3000);

$(window).load(function(){  
	//document.getElementById('loading').style.display='none';
	 $("#loading").fadeOut("slow");


});

function showLoadingWait()
{
	$("#loading_wait").fadeIn();
}

$(document).ready(function() {
	
	$("a#pic").fancybox({
		'titlePosition'	: 'inside',
		'titleFormat'   : function(title, currentArray, currentIndex, currentOpts) {
					return formatTitle(title, currentArray, currentIndex, currentOpts);
				    /* return '<span id="fancybox-title-inside"><div align="left">' + newTitle + '<br/></div><div align="right">' +  (currentIndex + 1) + ' / ' + currentArray.length + '</div></span>';*/
					},
		cyclic:true,
		'autoscale'                     : 'true',
		'padding' :0,
		onComplete: function(){
			removePrevNext();
			}
		});

	$("a#megabot_swf").fancybox({
		'width':750,//560,
		'height':422,//315,
		'titlePosition'	: 'inside',
		'titleFormat'   : function(title, currentArray, currentIndex, currentOpts) {
					return formatTitle(title, currentArray, currentIndex, currentOpts);
				    /* return '<span id="fancybox-title-inside"><div align="left">' + newTitle + '<br/></div><div align="right">' +  (currentIndex + 1) + ' / ' + currentArray.length + '</div></span>';*/
					},
		cyclic:true,
		'autoscale'                     : 'true',
		'padding' :0,
		onComplete: function(){
			removePrevNext();
			}
		});

	$("a#theclod_swf").fancybox({
		'width':750,
		'height':563,
		'titlePosition'	: 'inside',
		'titleFormat'   : function(title, currentArray, currentIndex, currentOpts) {
					return formatTitle(title, currentArray, currentIndex, currentOpts);
				    /* return '<span id="fancybox-title-inside"><div align="left">' + newTitle + '<br/></div><div align="right">' +  (currentIndex + 1) + ' / ' + currentArray.length + '</div></span>';*/
					},
		cyclic:true,
		'autoscale'                     : 'true',
		'padding' :0,
		onComplete: function(){
			removePrevNext();
			}
		});

$("a#swf3").fancybox({
		'width':300,
		'height':340,
		'titlePosition'	: 'inside',
		'titleFormat'   : function(title, currentArray, currentIndex, currentOpts) {
					return formatTitle(title, currentArray, currentIndex, currentOpts);
				    /* return '<span id="fancybox-title-inside"><div align="left">' + newTitle + '<br/></div><div align="right">' +  (currentIndex + 1) + ' / ' + currentArray.length + '</div></span>';*/
					},
		cyclic:true,
		'autoscale'                     : 'true',
		'padding' :0,
		onComplete: function(){
			removePrevNext();
			}
		});

	   $("a.youtube").fancybox({
	                                'transitionIn'          : 'fade',
	                                'transitionOut'         : 'fade',
	                                'titlePosition'         : 'inside',
	                                'autoscale'                     : 'true',
	                                'type'                          : 'swf',
	                                cyclic:true,
	                                onComplete: function(){
								removePrevNext();
								},
	                                'hideOnOverlayClick': true,
					'hideOnContentClick': false,
	                                'titlePosition'	: 'inside',
											'titleFormat'   : function(title, currentArray, currentIndex, currentOpts) {
															return formatTitle(title, currentArray, currentIndex, currentOpts);


														},
		'padding' :0
        });

    function formatTitle(title, currentArray, currentIndex, currentOpts)
    {
    	var pos = title.indexOf(" | ");
    	if(pos>-1)
    	{
    		var header = title.substring(0,pos);
    		var caption = title.substring(pos+3);
    		title =  '<b>'+header + '</b><br/>'+caption;
    	}

    	//now check for AAP marker
    	var aapText = "";

    	if(title.indexOf("(AAP)") >-1)
    	{
    		aapText = 'Available As Print';
    		aapText = '<a href="mailto:hello@jamielenman.com?subject=Print enquiry: '+header+'">Available As Print</a>';
    		title = title.replace("(AAP)", "");
    	}

    	if(currentArray.length==1 && aapText.length==0)
    		return  '<span id="fancybox-title-inside"><div class="caption" align="left">' + title + '</div></span>';
    	else
    	    	return  '<span id="fancybox-title-inside"><div class="caption" align="left">' + title + '<br/></div><div class="caption alignleft gray">'+aapText+'</div><div class="caption alignright"><a href="javascript:$.fancybox.prev();">PREV</a> | <a href="javascript:$.fancybox.next();">NEXT</a></div><div style="clear: both;"></div></span>';
    }

    function removePrevNext()
    {
    	$('#fancybox-left').remove();
        $('#fancybox-right').remove();
    }





});