var browser=navigator.appName;
var ie=document.all
//    if (browser!="Microsoft Internet Explorer") {                   

// Vars
canmoveY=1;
canmoveX=1;
LastTab=OpenOnTabNumber;
OpenTabid=OpenOnTabNumber;


function Reset_Div(x){
    Sitem="pic_"+x;
    try
    {
    	document.getElementById(Sitem).style.backgroundImage= "url(" + Pics[x] + ")" ;
    }
    catch(e)
    {
    }
    Semi_Div(x);
}

function Semi_Div(x){
try
{
    Aitem1="shortdesc"+x+"_tr1";
    Aitem2="shortdesc"+x+"_tr2";
    Aitem3="longdesc"+x+"_tr1";
    Aitem4="longdesc"+x+"_tr2";
    Aitem5="longdesc"+x+"_tr3";
    document.getElementById(Aitem1).style.display='';
    document.getElementById(Aitem2).style.display='';
    document.getElementById(Aitem3).style.display='none';
    document.getElementById(Aitem4).style.display='none';  
    document.getElementById(Aitem5).style.display='none';         
}
catch (e) {}
}               

function Full_Div(x){
try
{
    document.getElementById('Tab'+x).className='inDivOff';
    Aitem1="shortdesc"+x+"_tr1";
    Aitem2="shortdesc"+x+"_tr2";
    Aitem3="longdesc"+x+"_tr1";
    Aitem4="longdesc"+x+"_tr2";
    Aitem5="longdesc"+x+"_tr3";
    document.getElementById(Aitem1).style.display='none';
    document.getElementById(Aitem2).style.display='none';
    document.getElementById(Aitem3).style.display='';
    document.getElementById(Aitem4).style.display='';  
    document.getElementById(Aitem5).style.display='';         
} catch(e) {}
}             

function DontMarkMe(itemid){
if (itemid!=OpenTabid){
    //if (ie) document.getElementById('pic_'+itemid).filters[0].apply();
        document.getElementById('Tab'+itemid).className='inDiv';
        Semi_Div(itemid);  
    //if (ie) document.getElementById('pic_'+itemid).filters[0].play();

}
}

function MarkMe(itemid){
if (itemid!=OpenTabid){
    //if (ie) document.getElementById('pic_'+itemid).filters[0].apply();

    document.getElementById('Tab'+itemid).className='inDivOff';
    Aitem1="shortdesc"+itemid+"_tr1";
    Aitem2="shortdesc"+itemid+"_tr2";
    Aitem3="longdesc"+itemid+"_tr1";
    Aitem4="longdesc"+itemid+"_tr2";
    Aitem5="longdesc"+itemid+"_tr3";
    document.getElementById(Aitem1).style.display='none';
    document.getElementById(Aitem2).style.display='none';
    document.getElementById(Aitem3).style.display='none';
    document.getElementById(Aitem4).style.display='none';
    document.getElementById(Aitem5).style.display='none';

    //if (ie) document.getElementById('pic_'+itemid).filters[0].play();
}
}
      

function ChangeDiv(iaction,itemid){
itemheight = document.getElementById('pic_'+itemid).offsetHeight;

    if (iaction=='close') {
      if (itemheight>192){
        canmoveY=2;
        tomove = 5
        itemheight=itemheight-tomove;
        document.getElementById('pic_'+itemid).style.height = itemheight + 'px';
        ChangemeY = setTimeout('ChangeDiv("close",'+ itemid +')', 2);
      } else { canmoveY=1; clearTimeout(ChangemeY);}
    } 
    else
    {
       if (itemheight<212){
        canmoveY=2;
        tomove=5
        //alert(tomove +' --- '+ itemheight);
        itemheight=itemheight+tomove;
        document.getElementById('pic_'+itemid).style.height = itemheight + 'px';
        ChangemeY = setTimeout('ChangeDiv("open",'+ itemid +')', 2);
      } else { canmoveY=1; clearTimeout(ChangemeY);}               
    }
}


function OpenDiv(itemid){
itemwidth = document.getElementById('pic_'+itemid).offsetWidth;
itemwidth_close = document.getElementById('pic_'+LastTab).offsetWidth;

      if (itemwidth<280){
        tomove = 20
        itemwidth=itemwidth+tomove;
        itemwidth_close=itemwidth_close-tomove;
        
        document.getElementById('pic_'+itemid).style.width = itemwidth + 'px';
        document.getElementById('pic_'+LastTab).style.width = itemwidth_close + 'px';
        
        canmoveX=2;
        ChangemeX = setTimeout('OpenDiv('+ itemid +')', 2);
      } else { 
                clearTimeout(ChangemeX);
                canmoveX=1;
                LastTab=itemid;
                Full_Div(LastTab);
                   if (canmoveY==1) {

                    ChangeDiv('open',itemid)
                    }
                }

}             

function OpenTab(itemid){
 itemwidth = document.getElementById('pic_'+itemid).offsetWidth;
 OpenTabid=itemid/1;
    if (itemwidth<280){
          if (canmoveX==1) {
            if (canmoveY==1) {
              document.getElementById('Tab'+LastTab).className='inDiv';   
              document.getElementById('Tab'+itemid).className='inDivOff';
              if (canmoveY==1) {
                ChangeDiv('close',LastTab)
                Semi_Div(LastTab);
                }
                OpenDiv(itemid);
             }
            }
    } 
}

$(document).ready(function ()
{

//window.onload=function(){     
	for (x in Pics)
	{
	    Reset_Div(x);
	}   
	Full_Div(OpenOnTabNumber);
	document.getElementById('pic_'+OpenOnTabNumber).className='selected';
	//MarkMe(OpenOnTabNumber);
});

        for (x in Pics)
        {
            Reset_Div(x);
        }