/*<![CDATA[*/

var mainPicture;
var zoomPicture;
var lastId;
var lastZoomId;
var zoomWidth = 320;
var zoomHeight = 240;
var zoomContainer = null;

function setMainPicture(id)
{
    if(mainPicture==null)
        mainPicture = document.getElementById("main");
    if(lastId!=id)
    {
    lastId = id
    mainPicture.src= "Picture.aspx?id="+ id +"&w=" + mainPicture.width + "&h=" + mainPicture.height;
    }
}

function zoomOn(id, e)
{
     if(zoomPicture==null)
     {
        $('body').append('<div id="j-zoom" style="position:absolute;width:320px;height: 240px" ><img id="j-zoom-img" src="" /></div>');
       
        zoomContainer = document.getElementById("j-zoom");
        zoomPicture = document.getElementById("j-zoom-img");
        
     }
     
     if(zoomPicture!=null)
     {
     
       // zoomContainer.style.position = 'absolute';
        zoomContainer.style.visibility='hidden'; 
        if(lastZoomId != id)
        {
            lastZoomId = id;
            zoomPicture.src = "Picture.aspx?id="+ id +"&w=" + zoomWidth + "&h=" + zoomHeight; 
        }
        zoomContainer.style.visibility='visible'; 
        
        var posx = 0;
	    var posy = 0;
	    if (!e) var e = window.event;
	    if (e.pageX || e.pageY) 	{
		    posx = e.pageX;
		    posy = e.pageY;
	    }
	    else if (e.clientX || e.clientY) 	{
		    posx = e.clientX + document.body.scrollLeft
			    + document.documentElement.scrollLeft;
		    posy = e.clientY + document.body.scrollTop
			    + document.documentElement.scrollTop;
	    }

        zoomContainer.style.top = (posy  + 30) + 'px'; 
        zoomContainer.style.left  = (posx ) + 'px';
     }
}
function zoomOff(id, e)
{
    if(zoomContainer==null)
        zoomContainer = document.getElementById("j-zoom");
    if(zoomContainer!=null)
        zoomContainer.style.visibility='hidden';   
}

function setClass(row,className)
{
    row.className = className;
}

function corner()
{
    $('.cr').corner('7px');
     $('.cars .item').corner('7px');
    $('.cr-top').corner('7px top');
    $('.cr-button').corner('7px top');
}
var picturesDisplayed = false;
function showPictures(a){

    if(!picturesDisplayed){
        $('.info-content').hide();
        $('.picture-catalog').hide();
        $('.picture-catalog-full').show();
        $('.show-pictures').text('View Vehicle Info');
    }else{
        $('.info-content').show();
        $('.picture-catalog').show();
        $('.picture-catalog-full').hide(); 
        $('.show-pictures').text('View More Pictures');
    } 
    
    picturesDisplayed = picturesDisplayed == false;
}


/*]]>*/