var pixelImg = "templates/default/index/images/pixel.png";
var videoPath2 = "";


/*Change background image*/
function changeBgImage(imageName, textImage, textUrl) {
	var bg = document.getElementById('img_fade_Out');
	var flash_bg = swfobject.getObjectById('img_fade_Out_flash');
	
	if(bg){
		if(typeof( bg.src ) != "undefined" ) bg.src= imageName;
		if(endsWith(imageName,'swf')) bg.src= 'templates/default/index/images/noImage.png';
	}
	
	if(flash_bg){
		flash_bg.LoadMovie(0, imageName);
	}
	
	var showFlash = document.getElementById("showFlash");
	if(endsWith(imageName,'swf')){
		showFlash.value="Y";
	}/*else{
		showFlash.value="N";
	}*/
	
	var text = document.getElementById('monoHeader'); 
	
	if(text!=null){
	
		var textLink = text.getElementsByTagName('a');
		var textImg = text.getElementsByTagName('img');
		
		createTextLink = document.createElement("a");
		createTextImg = document.createElement("img");
		createTextLink.appendChild(createTextImg);
		
		if(textLink.length==0 && textImg.length==0){	
			text.appendChild(createTextLink);
		}
		else
		{
			text.replaceChild(createTextLink,textLink[0]);
		}

		textLink = text.getElementsByTagName('a');
		textImg = text.getElementsByTagName('img');
		
		textImg[0].src = pixelImg;
		
		if(textImg[0]){			
			
			if(textImage!=''){ 
				textImg[0].src = textImage;	
				/*textImg[0].title = '';	
				textImg[0].alt = textImage;	*/
				if(textUrl!=''){
					if(endsWith(textUrl,"flv")){
						textLink[0].setAttribute("onclick","openFullScreen('"+videoPath2+textUrl+"','')");
						textLink[0].onclick = function () {openFullScreen(videoPath2+textUrl,'');}
					}
					else
					{	textLink[0].href=textUrl;	
					}	
					if(startsWith(textUrl,"http")){
						textLink[0].setAttribute("target","_blank");
					}
					
				}	
				textImg[0].style.visibility='visible';
			}
		}else
		{
			textImg[0].src = pixelImg;
			textImg[0].style.visibility='hidden';
		}	
		
	}
	
	//Hide all image Broken
	JQ(".bg-image").fixBroken();

}



function endsWith(str, s){
	var reg = new RegExp (s + "$");
	return reg.test(str);
	}

function startsWith(str, s){
	var reg = new RegExp ("^" + s);
	return reg.test(str);
	}


function selectedLink(element, promoIndex){
	//deselect all elements removing id="selected"
	ulElement=document.getElementsByTagName("td");
	//childLi = ulElement.getElementsByTagName("li"); 
	for( var i = 0; i < ulElement.length; i++ ) 
	{ 
		ulElement[i].id="";
		
	} 
	// add id="selected" to the selected link
	var parentLi = element.parentNode.parentNode;	
	var ss =  parentLi.getElementsByTagName("span");
	
	parentLi.id = "selected";
	
	var appliedBg = "";
	
	if(promoIndex)
	{
		if(promoIndex==0) //	LEATHER GOODS
		{
			appliedBg="transparent url(templates/default/index/images/backColor/thematic.jpg) repeat-x scroll 0 0";
		}
		else if(promoIndex==1) //	JEWELLERY (STC)
		{
			appliedBg="transparent url(templates/default/index/images/backColor/bg_cat00003.jpg) repeat-x scroll 0 0";
		}
		else if(promoIndex==2)//	HIGH JEWELLERY
		{
			appliedBg="transparent url(templates/default/index/images/backColor/thematic.jpg) repeat-x scroll 0 0";
		}
		else if(promoIndex==3)//	WATCHES
		{
			appliedBg="transparent url(templates/default/index/images/backColor/bg_cat00003.jpg) repeat-x scroll 0 0";
		}
		else if(promoIndex==4)//	FRAGRANCES
		{
			appliedBg="transparent url(templates/default/index/images/backColor/thematic.jpg) repeat-x scroll 0 0";
		}
		else // default to watches
		{
			appliedBg="transparent url(templates/default/index/images/backColor/bg_cat00003.jpg) repeat-x scroll 0 0";
		}			
		
	}
	else //default to watches
	{
		appliedBg="transparent url(templates/default/index/images/backColor/thematic.jpg) repeat-x scroll 0 0";
	}	
	
	
	document.getElementsByTagName("html")[0].style.background = appliedBg;
	
	
	
	
	

}


function HideImage(anchor) { 
	
	
	 var imgElements = anchor.getElementsByTagName('img'); 
	 var spanElements = anchor.getElementsByTagName('p'); 
	 var imgElement = imgElements[0];
	 var spanElement = spanElements[0];
	 imgElement.style.display='none';
	 spanElement.style.display='block';
}

function ShowImage(anchor) { 
	
	if(anchor.id!="selected"){
	
	 var imgElements = anchor.getElementsByTagName('img'); 
	 var spanElements = anchor.getElementsByTagName('p'); 
	 var imgElement = imgElements[0];
	 var spanElement = spanElements[0];
	 imgElement.style.display='block';
	 spanElement.style.display='none';
	}
	else
	{
		 var a = anchor.getElementsByTagName('a'); 
		
		 a[0].style.cursor="text";
	}
	
}

//enable ChangeBackGround in every Image
function enableShowImage(){
	var monoPromotion = document.getElementById('monoPromotion');
	var imgElements = monoPromotion.getElementsByTagName('img'); 
	for(var i =0;i<imgElements.length;i++){
		imgElements[i].onclick=function() {ChangeBackGround(this);};
	}
}

//set start-opacity-value for Image In and Image Out (fadeIn/fadeOut effect )
// return direction of effect
function setOpacity(img_fade_Out,img_fade_In){
	var direction = 1;
	var OK =null;
	if(img_fade_Out.style.opacity){
		img_fade_In.style.opacity = ( 1 - img_fade_Out.style.opacity);
		if(img_fade_In.style.opacity>0) direction =-1;
	OK =true;
	}else if (img_fade_Out.style.filter!='undefined' && img_fade_Out.style.filter!=undefined){
		if(img_fade_Out.style.filter.alpha!=null){
			img_fade_In.style.filter.alpha.opacity=(100-img_fade_Out.style.filter.alpha.opacity);
			if(img_fade_In.style.filter.alpha.opacity>0) direction =-1;
			OK =true;
		}
	}
	
	if(OK==null){
		img_fade_Out.style.opacity = 0;
  	img_fade_Out.style.filter = 'alpha(opacity=0)';
  			img_fade_In.style.opacity = 1;
  	img_fade_In.style.filter = 'alpha(opacity=100)';
  	direction =-1;
	}
	
	return direction;
}

//change background image with effect fade In / fade Out
function ChangeBackGround(img){
	
	
	
	enableShowImage();
	img.onclick=function() {return false;};
	var img_fade_In = document.getElementById('img_fade_In');
	var img_fade_Out = document.getElementById('img_fade_Out');
	var go=setOpacity(img_fade_Out,img_fade_In);
	
	if(go==-1){
	var img_fade_Out_src = img_fade_In.src;
	img_fade_Out.src=img.src;
	FadeInOut('img_fade_In','img_fade_Out',-1);
	img_fade_In.src=img_fade_Out_src;
	}else{
	var img_fade_Out_src = img_fade_Out.src;
	img_fade_In.src=img.src;
	FadeInOut('img_fade_In','img_fade_Out',1);
	img_fade_Out.src=img_fade_Out_src;		
	}
	
	
	
}

var DDSPEED = 10;
var DDTIMER = 15;

// main function to handle the mouse events //
function FadeInOut(idIn,idOut,d){
  var cIn = document.getElementById(idIn);
  var cOut = document.getElementById(idOut);
  clearInterval(cIn.timer);
  if(d == 1){
    cIn.timer = setInterval(function(){FadeSlide(cIn,cOut,1)},DDTIMER);
  }else{
    cIn.timer = setInterval(function(){FadeSlide(cIn,cOut,-1)},DDTIMER)
  }
}

// incrementally  change the opacity //
function FadeSlide(cIn,cOut,d){
	var currh=null;
	if(cIn.style.opacity){
	currh=cIn.style.opacity*100;
	}else if (cIn.style.filter !='undefined'){
		if(cIn.style.filter.alpha!=null){
			currh=cIn.style.filter.alpha.opacity;
			}
	}
	if(currh==null){
		if(d==1){
			currh=0;
		}else{
			currh=100;
		}
	}
  dist=10;
  var nexth=currh + (dist * d);
  if((nexth < 1 && d != 1) || (nexth >= 100 && d == 1)){
  	if(d==1){
  		 cIn.style.opacity = 1;
  		 cIn.style.filter = 'alpha(opacity=100)';
  		 cOut.style.opacity = 0;
  		 cOut.style.filter = 'alpha(opacity=0)';
  		 
  	}else{
  		 cIn.style.opacity = 0;
  		 cIn.style.filter = 'alpha(opacity=0)';
  		 cOut.style.opacity = 1;
  		 cOut.style.filter = 'alpha(opacity=100)';
  	}
  	
    clearInterval(cIn.timer);
  }else{
    	 cIn.style.opacity = nexth / 100;
  		 cIn.style.filter = 'alpha(opacity=' + nexth + ')';
  		 cOut.style.opacity = (100-nexth)/100;
  		 cOut.style.filter = 'alpha(opacity='+ (100-nexth) + ')';
  }

}