var imgStartWidth=0;
	var imgStartHeight=0;
	var imgFinalWidth=0;
	var imgFinalHeight=0;	
	
$(document).ready(function(){

if ( !($.browser.msie )|| ($.browser.msie && $.browser.version >= 9.0) )
{

	$('#backToSite').click(function(){$('#QRanimationContainer').slideUp(2500)});

	$('#QRanimationContainer').css('height',$(document).height()).slideDown(3500,function(){
		

		
		imgStart=new Image();
		imgFinal=new Image();
		
		if(Modernizr.mq(' only all and (min-device-width : 320px) and (max-device-width : 480px)') )
		{

			$(imgStart).attr('src', 'images/qrCampaign201112/top_sp.png');
			$(imgFinal).attr('src', 'images/qrCampaign201112/completa_sp.png');			
			
			$('#finalImage').height('31px');
		}
		else if(Modernizr.mq('only screen and (min-device-width:321px) and (max-device-width : 768px)'))
		{

			$(imgStart).attr('src', 'images/qrCampaign201112/top_pad.png');		
			$(imgFinal).attr('src', 'images/qrCampaign201112/completa_pad.png');
			
			$('#finalImage').height('75px');			
		}
		else if(Modernizr.mq('only screen and (min-device-width:769px)'))
		{
			$(imgStart).attr('src', 'images/qrCampaign201112/top_pc.png');
			$(imgFinal).attr('src', 'images/qrCampaign201112/completa_pc.png');
			
			$('#finalImage').height('97px');			
		}
		else
		{
			$(imgStart).attr('src', 'images/qrCampaign201112/top_pc.png');
			$(imgFinal).attr('src', 'images/qrCampaign201112/completa_pc.png');
			
			$('#finalImage').height('97px');				
		}

		
		$(imgStart).load(function()
		{

			//$('#startImage').css('display','none');
        	$('#startImage').append( $(this));
			$('#startText').show();
			imgStartWidth = $(imgStart).width();
			imgStartHeight = $(imgStart).height();


			$(imgFinal).load(function()
			{

				$('#finalImage').append( $(this) );
				imgFinalWidth = $(imgFinal).width();
				imgFinalHeight = $(imgFinal).height();
				$('#finalImage').css('display','none');

				
				$('#startText').fadeOut(4000);
				setInterval( "anima()", 3000 );
			});	


    	});



	});
	

}
});

function anima()
{
	endHeight=(imgStartWidth/2);
	endWidth=(imgStartWidth/2);		
	
	

	si=setInterval( "startShow()", 1800 );	

	$('#startImage').animate({
			height: +'px',
			width:endHeight+'px'
	},2000).fadeOut(200);

	$('#startImage>img').animate({
			height: (imgStartHeight/2)+'px',
			width:endWidth+'px'
	},2000).fadeOut(200);		
}



function startShow()
{

	$('#finalImage').fadeIn(400,function(){
	$(this).animate({
	height:imgFinalHeight+"px"
	},4500, function(){
		$('#finalImage').css('position','relative');
		clearInterval(si);
		$('#finalText').slideDown(1500);
		})
	});
}