var mycarousel_itemList = new Array();
var nThumbsPerPage = 10;
var nPages;
var startThumbId = 0;
var pageNo = 0;

function thumbClick(event)
{
	var idItem = $(this).attr("id");				     				   
	if( idItem < mycarousel_itemList.length)
	{

		var item = mycarousel_itemList[idItem];
		if(item.imgMare!="")
		{
			var newImg = '<img src="'+item.imgMare+'" width="716" height="467"/>';
			jQuery("#divImg").html(newImg);
		}
	   
  	    if(item.videoPath!="")
	    {
			
			 var videoImg= ' <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="467" width="716"> <param name="src"  value="'+ item.videoPath +'">	<param name="autoplay" value="true">	<param name="type" value="video/quicktime" height="467" width="716">	<embed src="'+  item.videoPath +'" height="467" width="716" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/">	 </object>';
			 jQuery("#divImg").html(videoImg);
			
	    }
	    //set the url
		url = item.linkSite;		
		if(url!="")
		{
			jQuery("#visitSite").attr("href", url);
			jQuery("#visitSite").show();
		}
		else
			jQuery("#visitSite").hide();	
		
	}

	return false;
}

function clickNext(event)
{
	if( pageNo == 0 )
		startThumbId = startThumbId+nThumbsPerPage;
	else
		startThumbId = startThumbId+nThumbsPerPage-1;
	pageNo +=1;
	displayThumbs(startThumbId);
}

function clickPrev(event)
{
  if( pageNo == 1)
  	startThumbId = startThumbId-nThumbsPerPage;
  else
    startThumbId = startThumbId-nThumbsPerPage+1;
  pageNo -=1;
  displayThumbs(startThumbId);
  
}


function displayThumbs(idStart)
{
  var thumbL = jQuery("#thumbsList");  
  thumbL.html("");
  jQuery("#Next").html("");
  jQuery("#Prev").html("");
  diplayThumbsPerPage = nThumbsPerPage ;
  if(idStart >= nThumbsPerPage )
  {
  	jQuery("#Prev").append('<a href="#"> Prev </a>');
	jQuery("#Prev").bind('click', clickPrev);
	jQuery("#Prev").addClass("pad10");
	diplayThumbsPerPage = diplayThumbsPerPage-1;
  }
  else
  	jQuery("#Prev").removeClass("pad10");
	
  for(i=idStart; i< idStart+diplayThumbsPerPage && i< mycarousel_itemList.length ; i++)
  {

  		var item = mycarousel_itemList[i];		
		var newEntry;
		if(diplayThumbsPerPage== nThumbsPerPage)		   
		{
				
			   newEntry = '<li class="aThClass"> <a href="#"  id="' + item.id + '"><img class="thClass" src="' + item.imgMica + '"/> </a> </li>';
		}
		else
		{
				newEntry = '<li class="aThClass1"> <a href="#"  id="' + item.id + '"><img class="thClass" src="' + item.imgMica + '"/> </a> </li>';
		}
		
		thumbL.append(newEntry);				
  }
  
 if(i< mycarousel_itemList.length )
  {
  	jQuery("#Next").append('<a href="#"> Next </a>');
	jQuery("#Next").bind('click', clickNext);

  }
   
   
  jQuery("#thumbsList a").bind("click" ,thumbClick);
  jQuery("#thumbsList a").hover(
					  function () {
						$(this).find("img").addClass("biggerBorder");
					  }, 
					  function () {
						$(this).find("img").removeClass("biggerBorder");
					  });
}


function mkEmptyNode()
{
	 var nodeInfo = new Object();
	 nodeInfo.id = -1;
	 nodeInfo.imgMica = "";
	 nodeInfo.imgMare = "";
	 nodeInfo.client = "";
	 nodeInfo. project= "";
	 nodeInfo. tagLine= "";	 
	 return nodeInfo;
}
 
function createListArray(xmlFile)
{
 try
 {
   xmlFileName =  xmlFile;//"XmlFiles/print.xml";
   initListXML();	
   if( mycarousel_itemList.length < 3)
   {
	  n = 3 - mycarousel_itemList.length;
	  for( i=0; i<  n; i++)
	  {
		 var listItem =mkEmptyNode();
		mycarousel_itemList.push(listItem);
	
	   }
	}   
  }
  catch (err)
  {
     alert("createItemList"+ err.description);
   }
}

function loadThumbPages(xmlFile)
{
		
		jQuery("#btnPortfolio a").addClass("selectedColor");
		jQuery("#mainMenu a").hover(
					  function () {
						$(this).addClass("selectedColor");
					  }, 
					  function () {
						$(this).removeClass("selectedColor");
					  });
		
		createListArray(xmlFile);
		nPages = mycarousel_itemList.length/nThumbsPerPage;
		if ( mycarousel_itemList.length%nThumbsPerPage>0)
	  		nPages= nPages+1;	
		
		displayThumbs(startThumbId);	
		jQuery("#thumbsList a:first").trigger("click");
			
}