$(document).ready( function(){  
  if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {		
	$('#image').css('display', 'block');
	$('#flash').css('display', 'none');
	
	$('.navs a').css({paddingLeft: '4px', paddingRight:'4px'});
	$('.navs a').css({fontSize: '8px'});
}
})

var a;
var a1;
var a2;
var a3;
var a4;
var a5;
var a6;
var a7;
var b; var b1; var b2; var b3; var b4; var b5; var b6; var b7;
$(document).ready( function(){	

	
	setTimeout('spark()' , 100);
	
	setTimeout('spark1()' , 2100);
	setTimeout('spark2()' , 4100);
	setTimeout('spark3()' , 6100);
	setTimeout('spark4()' , 8100);
	setTimeout('spark5()' , 10100);
	setTimeout('spark6()' , 12100);
	setTimeout('spark7()' , 14100);
	

	
})


function spark(){
	clearInterval(a);
	clearInterval(b);
	$('.spark').html();
	$('.spark').html('<img src="'+site_url+'images/star.png"  />');	
	b= setInterval(
    function () {			
			$('.spark img').animate({rotate: '+=10deg'}, 0);	
			$('.spark img').animate({scale: '-0.0'}, {queue: false, duration: 300});       
			}, 50);		
	a=setInterval('spark()' , 16000)
	}


function spark1(){
	clearInterval(a1);
	clearInterval(b1);
	$('.spark1').html();
	$('.spark1').html('<img src="'+site_url+'images/star.png"  />');	
	b1=setInterval(
    function () {			
			$('.spark1 img').animate({rotate: '+=10deg'}, 0);	
			$('.spark1 img').animate({scale: '-0.0'}, {queue: false, duration: 300});       
			}, 50);		
	a1=setInterval('spark1()' , 16000)
	}

function spark2(){
	clearInterval(a2);
	clearInterval(b2);
	$('.spark2').html();
	$('.spark2').html('<img src="'+site_url+'images/star.png"  />');	
	b2 = setInterval(
    function () {			
			$('.spark2 img').animate({rotate: '+=10deg'}, 0);	
			$('.spark2 img').animate({scale: '-0.0'}, {queue: false, duration: 300});       
			}, 50);	
	
	a2=setInterval('spark2()' , 16000)
	}

function spark3(){
	clearInterval(a3);
	clearInterval(b3);
	$('.spark3').html();
	$('.spark3').html('<img src="'+site_url+'images/star.png"  />');	
	b3 = setInterval(
    function () {			
			$('.spark3 img').animate({rotate: '+=10deg'}, 0);	
			$('.spark3 img').animate({scale: '-0.0'}, {queue: false, duration: 300});       
			}, 50);	
	
	a3=setInterval('spark3()' , 16000)
	}	
function spark4(){
	clearInterval(a4);
	clearInterval(b4);
	$('.spark4').html();
	$('.spark4').html('<img src="'+site_url+'images/star.png"  />');	
	b4 = setInterval(
    function () {			
			$('.spark4 img').animate({rotate: '+=10deg'}, 0);	
			$('.spark4 img').animate({scale: '-0.0'}, {queue: false, duration: 300});       
			}, 50);	

	a4=setInterval('spark3()' , 16000)
	}

function spark5(){
	clearInterval(a5);
	clearInterval(b5);
	$('.spark5').html();
	$('.spark5').html('<img src="'+site_url+'images/star.png"  />');	
	b5 = setInterval(
    function () {			
			$('.spark5 img').animate({rotate: '+=10deg'}, 0);	
			$('.spark5 img').animate({scale: '-0.0'}, {queue: false, duration: 300});       
			}, 50);	
	
	a5=setInterval('spark5()' , 16000)
	}

function spark6(){
	clearInterval(a6);
	clearInterval(b6);
	$('.spark6').html();
	$('.spark6').html('<img src="'+site_url+'images/star.png"  />');	
	b6 = setInterval(
    function () {			
			$('.spark6 img').animate({rotate: '+=10deg'}, 0);	
			$('.spark6 img').animate({scale: '-0.0'}, {queue: false, duration: 300});       
			}, 50);		
	a6=setInterval('spark6()' , 20000)
	}

function spark7(){
	clearInterval(a7);
	clearInterval(b7);
	$('.spark7').html();
	$('.spark7').html('<img src="'+site_url+'images/star.png"  />');	
	b7 = setInterval(
    function () {			
			$('.spark7 img').animate({rotate: '+=10deg'}, 0);	
			$('.spark7 img').animate({scale: '-0.0'}, {queue: false, duration: 300});       
			}, 50);		
	a7=setInterval('spark7()' , 20000)
	}