// JScript File

var image1 = "6070";
var image2 = "6100";
var image3 = "9000";
var image4 = "9510";
var image5 = "9610";
var image6 = "9330";
var image7 = "9800";
var image8 = "9888";
var image9 = "9350";
//var dok1 = 1;
//var dok2 = 2;
//var dok3 = 3;
//var dok4 = 4;
//var dok5 = 5;
//var dok6 = 6;



var doks = new Array();
 doks[0] = image1;
 doks[1] = image2;
 doks[2] = image3;
 doks[3] = image4;
 doks[4] = image5;
 doks[5] = image6;
 doks[6] = image7;
 doks[7] = image8;
 doks[8] = image9;

function SelectToLeft()
{
    //alert('left');
    var temp = doks[0];
    for(var i=0;i<doks.length-1;i++)
    {
        doks[i]=doks[i+1];    
    }
    doks[8] = temp;
    FillDoks();
}

function SelectToRight()
{
    //alert('right2');
    var temp = doks[8];
    var index = doks.length-1;
    //alert('index'+index);
    for(var i=index;i>=0;i--)
    {
        doks[i]=doks[i-1];    
    }
    doks[0] = temp;
    FillDoks();
}

function FillDoks()
{
//alert('filldoks');
        document.getElementById('imgProduct1').innerHTML = "<img src='images/Select/"+doks[1]+".jpg' />";
        document.getElementById('imgProduct2').innerHTML = "<img src='images/Select/"+doks[2]+".jpg' />";
        document.getElementById('imgProduct3').innerHTML = "<img src='images/Select/"+doks[3]+".jpg' />";
        document.getElementById('imgProduct4').innerHTML = "<img src='images/Select/"+doks[4]+".jpg' />";
        document.getElementById('imgProduct5').innerHTML = "<img src='images/Select/"+doks[5]+".jpg' />";
        document.getElementById('imgProduct6').innerHTML = "<img src='images/Select/"+doks[6]+".jpg' />";
        //document.getElementById('imgProduct7').innerHTML = "<img src='images/Select/"+doks[7]+".jpg' />";
                                                                    
}


function ProductMouseOver(number)
{
    if ( document.getElementById('divProduct1'))
    {
    //alert('number='+number);
    document.getElementById('divProduct1').className="Product";
    document.getElementById('spanProduct1').style.visibility = "hidden";
    document.getElementById('InfoImage1').style.visibility = "hidden";
    
    document.getElementById('divProduct2').className="Product Leftspace";
    document.getElementById('spanProduct2').style.visibility = "hidden";
    document.getElementById('InfoImage2').style.visibility = "hidden";
    
    document.getElementById('divProduct3').className="Product Leftspace";
    document.getElementById('spanProduct3').style.visibility = "hidden";
    document.getElementById('InfoImage3').style.visibility = "hidden";
    
    document.getElementById('divProduct4').className="Product Leftspace";
    document.getElementById('spanProduct4').style.visibility = "hidden";
    document.getElementById('InfoImage4').style.visibility = "hidden";
    
    document.getElementById('divProduct5').className="Product Leftspace";
    document.getElementById('spanProduct5').style.visibility = "hidden";
    document.getElementById('InfoImage5').style.visibility = "hidden";
    
    document.getElementById('divProduct6').className="Product Leftspace";
    document.getElementById('spanProduct6').style.visibility = "hidden";
    document.getElementById('InfoImage6').style.visibility = "hidden";

    //document.getElementById('divProduct7').className = "Product Leftspace";
    //document.getElementById('spanProduct7').style.visibility = "hidden";
    //document.getElementById('InfoImage7').style.visibility = "hidden";
    
    if(number!="1")
    { 
        document.getElementById('divProduct' + number).className="Product_selected Leftspace";        
    }
    else
    {
        document.getElementById('divProduct' + number).className="Product_selected";        
    }
    document.getElementById('spanProduct'+ number).style.visibility = "visible";        
    document.getElementById('InfoImage'+ number).style.visibility = "visible";
 
    
    }
 }   

function ProductMouseOut(number)
{
    //alert('hier'+number);
    if(number!="1")
    { 
        document.getElementById('divProduct' + number).className="Product Leftspace";        
    }
    else
    {
        //alert('hierelse');
        document.getElementById('divProduct' + number).className="Product";        
    }
    //alert('hierrest')
    document.getElementById('spanProduct'+ number).style.visibility = "hidden";        
    document.getElementById('InfoImage'+ number).style.visibility = "hidden";
}