var skinLoaded = false;

var clockHs = new Array;

	clockHs[0] = document.createElement('img');
	//clockHs[0].src = 'assets/images/digital_clock/vw_clock_flvr_colon.png';
	clockHs[0].src = '../../common/media_asset/vw_spacer_pt_PT.gif';
	clockHs[0].id = "colon";
	clockHs[0].alt = "colon";
	clockHs[0].className = "colonOn";
	
	clockHs[5] = document.createElement('img');
	clockHs[5].src = '../../common/media_asset/vw_spacer_pt_PT.gif';
	
	
var cycle =0; 
function clockLoader(){
	
	document.getElementById('clock').innerHTML = '';
	now = new Date();
	nowH = now.getHours();
	nowH = (nowH<10 ? '0'+nowH : nowH+'');
	nowM = now.getMinutes();
	nowM = (nowM<10 ? '0'+nowM : nowM+'');

	//alert(nowM)
	clockHs[1] = document.createElement('img');
	//clockHs[1].src = nums[parseInt(nowH.charAt(0))].src;
	clockHs[1].src = '../../common/media_asset/vw_spacer_pt_PT.gif';
	clockHs[1].className = "no" + parseInt(nowH.charAt(0));
	clockHs[1].alt = parseInt(nowH.charAt(0));

	clockHs[2] = document.createElement('img');
	//clockHs[2].src = nums[parseInt(nowH.charAt(1))].src;
	clockHs[2].src = '../../common/media_asset/vw_spacer_pt_PT.gif';
	clockHs[2].className = "no" + parseInt(nowH.charAt(1));
	clockHs[2].alt = parseInt(nowH.charAt(1));

	clockHs[3] = document.createElement('img');
	//clockHs[3].src = nums[parseInt(nowM.charAt(0))].src;
	clockHs[3].src = '../../common/media_asset/vw_spacer_pt_PT.gif';
	clockHs[3].className = "no" + parseInt(nowM.charAt(0));
	clockHs[3].alt = parseInt(nowM.charAt(0));

	clockHs[4] = document.createElement('img');
	//clockHs[4].src = nums[parseInt(nowM.charAt(1))].src;
	clockHs[4].src = '../../common/media_asset/vw_spacer_pt_PT.gif';
	clockHs[4].className = "no" + parseInt(nowM.charAt(1));
	clockHs[4].alt = parseInt(nowM.charAt(1));
	

	for(x=1; x<5; x++){
		document.getElementById('clock').appendChild(clockHs[x]);
		if(x==2){
			document.getElementById('clock').appendChild(clockHs[0]);
		}
	}
	
	
	
	if(skinLoaded == false){
		flavorSkin = document.createElement('link');
		randSkin = randomNo(hrs[nowH].length);
		flavorSkin.href= hrs[nowH][randSkin].cssAddress;
		flavorSkin.rel = "stylesheet";
		flavorSkin.type = "text/css";
		
		document.getElementsByTagName('head')[0].appendChild(flavorSkin);
		
		
		flavorheadlineImg = document.createElement('img');
		flavorheadlineImg.src = hrs[nowH][randSkin].headerart.url;
		flavorheadlineImg.alt = hrs[nowH][randSkin].headerart.alt;
		flavorheadlineImg.title = hrs[nowH][randSkin].headerart.alt;
		flavorheadlineImg.height = hrs[nowH][randSkin].headerart.height;
		flavorheadlineImg.width = hrs[nowH][randSkin].headerart.width;
		document.getElementById('flavorHeadline').appendChild(flavorheadlineImg);
		
		for(x=0; x<hrs[nowH][randSkin].bodycopy.times.length; x++){
			if(nowH  == hrs[nowH][randSkin].bodycopy.times[x][0]){
				document.getElementById('flavorNote').innerHTML = '<img src="../../common/media_asset/vw_spacer_pt_PT.gif" alt="*" width="8" height="9" hspace="0" vspace="0" border="0" align="top" id="astrixWhite" /> <div>' + hrs[nowH][randSkin].bodycopy.copy[hrs[nowH][randSkin].bodycopy.times[x][1]] + '</div>';
				break;
			}
		}
		
		
		flavorlink = document.createElement('a');
		flavorlink.href=hrs[nowH][randSkin].buttonart.link;
		
		flavorbuttonImg = document.createElement('img');
		flavorbuttonImg.src = hrs[nowH][randSkin].buttonart.url;
		flavorbuttonImg.alt = hrs[nowH][randSkin].buttonart.alt;
		flavorbuttonImg.title = hrs[nowH][randSkin].buttonart.alt;
		flavorlink.appendChild(flavorbuttonImg);
		document.getElementById('flavorButton').appendChild(flavorlink);
				
		skinLoaded = true;
	}
}

function blinkColon(){
	//alert(document.getElementById('colon').src.indexOf('spacer'))
	if(document.getElementById('colon').className.indexOf('Off')>=0){
		//document.getElementById('colon').src='assets/images/digital_clock/vw_clock_flvr_colon.png';
		document.getElementById('colon').className="colonOn";
	}else{
		//document.getElementById('colon').src=clockHs[5].src;
		document.getElementById('colon').className="colonOff";
	}
}

function clockUpdate(){
	cycle++;
	blinkColon();
	if(cycle>=15){
		cycle=0;
		clockLoader()
	}
}

	clockLoader();
	updater = setInterval('clockUpdate()',500);


