lemoncount = 0;

function loadPuzzle(){
	$(document.body).css('overflow','hidden');
	
	overlay = '<div id="puzzleoverlay">\
				<a href="#" onclick="removePuzzle()" style="position: absolute; top: 10px; right: 10px; font-weight: bold; font-size: 150%; color: #ffffff;">Close Puzzle</a>\
				<object width="500" height="500">\
					<param name="movie" value="spritePuzzle.swf">\
					<param name="wmode" value="transparent"></param>\
					<embed src="spritePuzzle.swf" width="600" height="600" wmode="transparent"></embed>\
				</object>\
			</div>'
	$(document.body).append(overlay);
	pageTracker._trackPageview('/puzzle.swf');
}

function removePuzzle(){	
	$('#puzzleoverlay').remove();
	$(document.body).css('overflow','visible');
}

function videoTabClick(obj){
	tab = obj.rel;
	$('#auc-videos').hide();
	$('#bue-videos').hide();
//	$('#cairo-videos').hide();
//	$('#ainshams-videos').hide();
	$('#guc-videos').hide();
	$('#miu-videos').hide();
	
	$('#' + tab + '-videos').show();
	
	$('#videolists a').css('background','#000').css('color','#aaa');
	$(obj).css('background','#444').css('color','#fff');
}

function wallpaperTabClick(obj){
	tab = obj.rel;
	$('#auc-wplist, #bue-wplist, #guc-wplist, #miu-wplist').parent().parent().hide();	
	// #cairo-wplist, #ainshams-wplist,
	$('#' + tab + '-wplist').parent().parent().show();
	
	$('#wallpaper-cats a').css('background','none').css('color','#fff');
	$(obj).css('background','#128E0E').css('color','#EDE855');
	return false;
}

/*function traverseBG(pos, element){
	if(pos > $(window).height() + 100){
		//$(element).remove();
		//return;
		pos = -5;
	}
	$(element).css('bottom', pos);
	pos += 5;
	setTimeout(function(){ traverseBG(pos, element) }, 150);
	
}*/

function animateBG(lemon){
	if(! lemon){
		pos = parseInt(Math.random() * $(window).width());
		if(pos % 2)
			image = 'images/lemon-big.png';
		else
			image = 'images/lemon-small.png';
			
		$('body').append('<img src="' + image + '" style="position: fixed; z-index: -20; left: ' + pos +'px; bottom: 0px">');
		lemon = $('body img:last-child');
	}
	$(lemon).css('bottom','0px');
	$(lemon).animate(
		{
			bottom: $(document.body).height()
		},
		25000,
		function(){animateBG(lemon);}
	);
}

function createBGLemons(){
	/*pos = parseInt(Math.random() * $(window).width());
	
	if(pos % 2)
		image = 'images/lemon-big.png';
	else
		image = 'images/lemon-small.png';
	
	$('body').append('<img src="' + image + '" style="position: fixed; z-index: -20; left: ' + pos +'px; bottom: 0px;">');
	traverseBG(0,$('body img:last-child'));
	
	if(lemoncount++ > 5)
		return;
		
	setTimeout(createBGLemons, 4000);*/

	timer = 0;
	for(i=0; i<15; i++){		//setTimeout(function(){ animateBG('#bglemon_' + i);}, timer);
		setTimeout(function(){animateBG(null)}, timer );
		timer += 4000;
	}
	
}

function loadVideo(video){
			var content = '<param name="movie" value="http://www.youtube.com/v/' + video +'&hl=en_US&fs=1&rel=0"></param>\
	    	<param name="allowFullScreen" value="true"></param>\
	    	<param name="allowscriptaccess" value="always"></param>\
	    	<param name="wmode" value="opaque"></param>\
	    	<embed src="http://www.youtube.com/v/' + video + '&hl=en_US&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="700" height="487" wmode="opaque"></embed>';
	    	
	    	//$('#youtube-vid').html(content);
	    	document.getElementById ('videoHolder').innerHTML=content;
	    	
}

function loadLocalVideo(url,target){
	flowplayer(target, { src: "flowplayer/flowplayer-3.1.5.swf", wmode: 'transparent'}, { 
	    clip: { 
        url: 'tourimages/' + url,	            
        autoPlay: false 
    	} 
    });
}

function loadfbfanbox()
{
$(document.body).css('overflow','hidden');
	
	overlay = '<div id="fboverlay">\
				<a href="#" onclick="removefbfanbox()" style="position: absolute; top: 10px; right: 10px; font-weight: bold; font-size: 150%; color: #ffffff;">Close Fan box</a>\
                <table style="width:100%;height:100%;">\
                <tr style="width:100%;height:100%;">\
                <td style="width:100%;height:100%;text-align:center;" valign="middle">\
                <script type="text/javascript" src="http://static.ak.connect.facebook.com/connect.php/en_US"></script>\
                <script type="text/javascript">FB.init("dc002497cc911e8f026d896fc399a589");</script>\
                <fb:fan profile_id="335669259546" stream="0" connections="10" logobar="1" width="300"></fb:fan>\
                <div style="font-size:9px; padding-left:10px;color:White;"><a href="http://www.facebook.com/pages/Sprite-Egypt/335669259546" style="color:White;">Sprite Egypt</a> on Facebook</div> \
                </td></tr></table>\
			</div>'
	$(document.body).append(overlay);
}

function removefbfanbox()
{
	$('#fboverlay').remove();
	$(document.body).css('overflow','visible');

}