﻿// JScript File

function  ChangeSide(imgName,mode)
{
    if(document.getElementById("hidZoom").value!="0")
    {
       if(mode=="Front")
            imgName=document.getElementById("hidFront").value;
       if(mode=="Back")
            imgName=document.getElementById("hidBack").value;
        if(mode=="Side")
            imgName=document.getElementById("hidSide").value;
            
	}
     document.getElementById("ctl00_ContentPlaceHolder_imgLarge").src="uploads/modelimages/" + imgName;
}

//**********Function to Zoom Image for Collection detail page*********		
NEW_Image = new Image();
var ImgEnlarge;
var LstrImage;
var newwindow=null;
function SetZoomImagepro(ImgZoom)
{
    if(document.getElementById("hidZoom").value!="0")
    {
        ImgZoom=document.getElementById("hidZoom").value;
	}
	ImgEnlarge=ImgZoom;
	NEW_Image.src = ImgZoom;
	setTimeout("ShowImagePro()",0)
}
function ShowImagePro()
{
	var LStrProductName;
	var AStrHeight=0
	var AStrWidth=0
	if (newwindow != null) 
    {
        if(newwindow.closed==false)
            newwindow.close();
    }
	AStrHeight=NEW_Image.height+100
	AStrWidth=NEW_Image.width+100
	var strHTML="";
	var strHTML="<html><head><title>Zoom View</title></head><body style='background-color:#FFFFFF'><center>"
	            +"<table width='25%' cellspacing='0' cellpadding='0'>"
	            +"<tr><td width='92%'><IMG SRC='"+ ImgEnlarge + "'ALT=''></td></tr>"
	            +"<tr><td colspan=3 align=CENTER valign='bottom'><br><a href='javascript:self.close()'>"
	            +"<img src='images/close_btn.jpg' border='0' ALT=''/></a></td></tr></table></center></body></html>";
	newwindow=window.open("","","width=" + AStrWidth + ", height=" + AStrHeight + ",status=yes,toolbar=no,menubar=no,left=150,top=20,scrollbars=Yes,resizable=1,title='Zoom View'");			
	newwindow.document.write(strHTML);
	newwindow.moveTo(0,0);
	if (window.focus)
	{
		newwindow.focus()
	}
} 

function ShowModel(activeTab)
{
    var count=document.getElementById("ctl00_ctl05_hidCategory").value;
    for(index=0;index<count;index++)
    {
        
        if(document.getElementById("div"+index))
        {
             document.getElementById("div"+index).style.display = "none";	
        }
    }
	document.getElementById("div"+activeTab).style.display = "";
	
    
}




/*****************************************************************************************************************
	Purpose:	GET MODEL DETAIL  THROUGH AJAX
	
******************************************************************************************************************/
 /*_______________________________________GLOBAL VARIABLES_______________________________________________________________*/
		
		  var ajaxObj;
		  var serverURL = document.location.href.substring(0, document.location.href.length - document.location.hash.length);

    /*----------------------------------------------------------------------------------------------------------------
	    Function:	Grid_GetXMLHttpRequest()
	    Purpose:	AjAX method called by 'Grid_CallBack()'.
				    This functions creates an XMLHttpRequest object based on the browser.														 
     ---------------------------------------------------------------------------------------------------------------*/
	    function Grid_GetXMLHttpRequest()
		{
 			
 			ajaxObj = null;
 			//For Firefox, Mozilla, Safari
         	if (typeof XMLHttpRequest != "undefined") 
			{
				ajaxObj = new XMLHttpRequest();
			} 
			else//For Microsoft Internet Explorer
			{
				try
				{
					ajaxObj = new ActiveXObject("Msxml2.XMLHTTP");
				} 
				catch (e) 
				{
					try {
						ajaxObj = new ActiveXObject("Microsoft.XMLHTTP");
						} 
					catch (e) {}
				}
			}
			return ajaxObj;
		}
		
		
		
 function GetModelDetail(modelID)
 {
 
        var url = serverURL;
 	    ajaxObj = Grid_GetXMLHttpRequest();//generates the Xml http request
	    ajaxObj.open("POST", url, true);
	    ajaxObj.onreadystatechange = ajax_CallBack;//get the response stream 
	    ajaxObj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	    var encodedData = "id=" + encodeURIComponent(modelID);//send the model id 
	    ajaxObj.send(encodedData);//send the values through querystring
	    delete ajaxObj;
	    
	    return true;
 }
 
 /*----------------------------------------------------------------------------------------------------------------
	Function:	ajax_CallBack()
	Purpose:	This function is a callback function that gets called when a response													 
				starts receiving from the above ajax request
 ---------------------------------------------------------------------------------------------------------------*/		
 function ajax_CallBack()
 {
	if (ajaxObj.readyState == 4)
	{
		if (ajaxObj.status == 200)
		{
			var ajaxResponse = ajaxObj.responseText;//get the response stream
			ShowDetails(ajaxResponse);
			
		}
	}
	return false;
 }
 
  
function ShowDetails(ajaxResponse)
{
	if(ajaxResponse.length!=0)
	{
	    /*
	        model name
	        modelsku
	        msrp
	        desc
	        front image
	        zoom image
	        back image
	        side image
	    */
	     document.getElementById("ctl00_ContentPlaceHolder_rowMain").style.display="";
	     document.getElementById("ctl00_ContentPlaceHolder_lblMsg").innerHTML="";
	    var Arr = ajaxResponse.split('@#');
		if(Arr.length>0)
		{
			    document.getElementById("ctl00_ContentPlaceHolder_lblModelName").innerHTML=Arr[0];	
				document.getElementById("ctl00_ContentPlaceHolder_lblSKU").innerHTML=Arr[1];
				if(document.getElementById("ctl00_ContentPlaceHolder_lblMSRP"))	
				   document.getElementById("ctl00_ContentPlaceHolder_lblMSRP").innerHTML=Arr[2];	
				document.getElementById("ctl00_ContentPlaceHolder_lblDesc").innerHTML=Arr[3];		
                document.getElementById("hidFront").value=Arr[4];
                document.getElementById("ctl00_ContentPlaceHolder_imgLarge").src="uploads/modelimages/" + Arr[4];
                document.getElementById("hidZoom").value=Arr[5];
                document.getElementById("hidBack").value=Arr[6];
                document.getElementById("hidSide").value=Arr[7];
                
		}
		
	}
	else
	{
	    document.getElementById("ctl00_ContentPlaceHolder_rowMain").style.display="none";
	    document.getElementById("ctl00_ContentPlaceHolder_lblMsg").innerHTML="Models coming soon......."
	}
	
	
}

function HideDetails(modelName)
{
     document.getElementById("ctl00_ContentPlaceHolder_lblModelName").innerHTML=modelName;
     document.getElementById("ctl00_ContentPlaceHolder_rowMain").style.display="none";
	 document.getElementById("ctl00_ContentPlaceHolder_lblMsg").innerHTML="Models coming soon......."
}
    




