///////////function to show enlarge video///////////////////
function showVideoLarge()
{
	document.getElementById('inlargeVideoOuterDiv').style.display = 'block'; 
	document.getElementById('inlargeVideoInnerDiv').style.display = 'block';
	document.getElementById('newDiv').style.display = 'block';
	s1.write('preview');
}



///////////to change the images on click/////////////
function changeMoldingColor(type,color)
{
	var moldColor;
	var innerTrimColor;
	var outerTrimColor;
	var path;
	var price;
	var stainless = '';
	var moldingId = document.getElementById('moldingId').value;
	
    document.getElementById('loader').style.display='';
   	document.getElementById('loader').innerHTML = '<div style="position:absolute;  z-index:2; height:auto;"><img src="images/loader.gif" height="30" /></div>';
	
	var xmlHttp = getXMLHttp();
	if(type == 'molding')        //////////////to change the molding color bullet////////////////////
	{
		document.getElementById('moldingCherryBul').innerHTML = '';	
		document.getElementById('moldingMapleBul').innerHTML = '';	
		document.getElementById('moldingWalnutBul').innerHTML = '';	
		
		if(color == 'cherry')
		{
			document.getElementById('moldingCherryBul').innerHTML = '<img src="images/M4_bullet.png" alt="" />';	
		}
		else if(color == 'maple')
		{
			document.getElementById('moldingMapleBul').innerHTML = '<img src="images/M4_bullet.png" alt="" />';	
		}
		else
		{
			document.getElementById('moldingWalnutBul').innerHTML = '<img src="images/M4_bullet.png" alt="" />';	
		}
		document.getElementById('moldingColor').value = color;
	}
	else if(type == 'outsideTrim')		//////////////to change the outside trim color bullet////////////////////
	{
		if(color == 'cherry')
		{
			if(document.getElementById('outTrimColor').value == 'cherry') ///////to hide bullet image on 2nd click//////
			{
				document.getElementById('outCherryBul').innerHTML = '&nbsp;';
				color = '';
			}
			else
			{
				document.getElementById('outCherryBul').innerHTML = '<img src="images/M4_bullet.png" alt="" />';
				document.getElementById('outMapleBul').innerHTML = '';	
				document.getElementById('outWalnutBul').innerHTML = '';	
			}
		}
		else if(color == 'maple')
		{
			if(document.getElementById('outTrimColor').value == 'maple') ///////to hide bullet image on 2nd click//////
			{
				document.getElementById('outMapleBul').innerHTML = '&nbsp;';
				color = '';
			}
			else
			{
				document.getElementById('outMapleBul').innerHTML = '<img src="images/M4_bullet.png" alt="" />';	
				document.getElementById('outCherryBul').innerHTML = '';	
				document.getElementById('outWalnutBul').innerHTML = '';	
			}
		}
		else
		{
			if(document.getElementById('outTrimColor').value == 'walnut') ///////to hide bullet image on 2nd click//////
			{
				document.getElementById('outWalnutBul').innerHTML = '&nbsp;';
				color = '';
			}
			else
			{
				document.getElementById('outWalnutBul').innerHTML = '<img src="images/M4_bullet.png" alt="" />';
				document.getElementById('outCherryBul').innerHTML = '';	
				document.getElementById('outMapleBul').innerHTML = '';	
			}
		}
		/*document.getElementById('inCherryBul').innerHTML = '';	
		document.getElementById('inMapleBul').innerHTML = '';	
		document.getElementById('inWalnutBul').innerHTML = '';*/	
		
		document.getElementById('outTrimColor').value = color;
		document.getElementById('stainlessSteel').value = ''
		/*document.getElementById('inTrimColor').value = '';*/
	}
	else if(type == 'insideTrim')       //////////////to change the inside trim color bullet////////////////////
	{
		
		if(color == 'cherry')
		{
			if(document.getElementById('inTrimColor').value == 'cherry') ///////to hide bullet image on 2nd click//////
			{
				document.getElementById('inCherryBul').innerHTML = '&nbsp;';
				color = '';
			}
			else
			{
				document.getElementById('inCherryBul').innerHTML = '<img src="images/M4_bullet.png" alt="" />';	
				document.getElementById('inMapleBul').innerHTML = '';	
				document.getElementById('inWalnutBul').innerHTML = '';	
			}
		}
		else if(color == 'maple')
		{
			if(document.getElementById('inTrimColor').value == 'maple') ///////to hide bullet image on 2nd click//////
			{
				document.getElementById('inMapleBul').innerHTML = '&nbsp;';
				color = '';
			}
			else
			{
				document.getElementById('inMapleBul').innerHTML = '<img src="images/M4_bullet.png" alt="" />';
				document.getElementById('inCherryBul').innerHTML = '';	
				document.getElementById('inWalnutBul').innerHTML = '';
			}
		}
		else
		{
			if(document.getElementById('inTrimColor').value == 'walnut') ///////to hide bullet image on 2nd click//////
			{
				document.getElementById('inWalnutBul').innerHTML = '&nbsp;';
				color = '';
			}
			else
			{
				document.getElementById('inWalnutBul').innerHTML = '<img src="images/M4_bullet.png" alt="" />';
				document.getElementById('inCherryBul').innerHTML = '';	
				document.getElementById('inMapleBul').innerHTML = '';	
			}
		}
		/*document.getElementById('outWalnutBul').innerHTML = '';
		document.getElementById('outCherryBul').innerHTML = '';	
		document.getElementById('outMapleBul').innerHTML = '';*/	
		
		document.getElementById('inTrimColor').value = color;
		document.getElementById('stainlessSteel').value = ''
		/*document.getElementById('outTrimColor').value = '';*/
	}
	else if(type == 'stainlessSteel')
	{
			if(document.getElementById('stainlessSteel').value == 'stainlessSteel') ///////to hide bullet image on 2nd click//////
			{
				document.getElementById('stainlessSteelBul').innerHTML = '&nbsp;';
				setTimeout(showLinearFoot,500);
				stainless = '';
			}
			else
			{
				document.getElementById('stainlessSteelBul').innerHTML = '<img src="images/M4_bullet.png" alt="" />';
				setTimeout(hideLinearFoot,500);
				stainless = 'stainlessSteel'; 
			}
		document.getElementById('stainlessSteel').value = stainless;
	}
	
	moldColor = document.getElementById('moldingColor').value;
	innerTrimColor = document.getElementById('inTrimColor').value;
	outerTrimColor = document.getElementById('outTrimColor').value;
	stainless = document.getElementById('stainlessSteel').value;
	
	
	/////////////to change middle image by using ajax/////////////////////
    xmlHttp.onreadystatechange = function()
    {
	 if(xmlHttp.readyState == 4)
	 {
	   document.getElementById('loader').style.display='none';
	   path =  xmlHttp.responseText;
	   var imgTag = path.split('-');
	   if(imgTag[2] == '')
	   {
		   price = '0';
	   }
	   else
	   {
		   price = imgTag[2];   
	   }
	   document.getElementById('FrameIMG').innerHTML = imgTag[0];
	   document.getElementById('inlargeImageInnerDiv').innerHTML = imgTag[1];
	   document.getElementById('moldPrice').innerHTML = price;
	 }
    }
   xmlHttp.open("GET", "ajax.php?msg=changeMoldingImage&molColor="+moldColor+"&innerTrimColor="+innerTrimColor+"&outerTrimColor="+outerTrimColor+"&stainless="+stainless+"&moldingId="+moldingId+"", true);
   xmlHttp.send(null);
   
   function showLinearFoot()
   {
	  document.getElementById('linFootTxt').innerHTML = '/ linear foot'; 
   }
   
   function hideLinearFoot()
   {
	  document.getElementById('linFootTxt').innerHTML = '&nbsp;'; 
   }
}

//////////ajax function ////////////////////
function getXMLHttp()
{
  var xmlHttp
  try
  {
    //Firefox, Opera 8.0+, Safari
    xmlHttp = new XMLHttpRequest();
  }
  catch(e)
  {
    //Internet Explorer
    try
    {
      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e)
    {
      try
      {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(e)
      {
        alert("Your browser does not support AJAX!")
        return false;
      }
    }
  }
  return xmlHttp;
}