var current_url = "";
	var serialized_obj = {};
	var xmlHash = {};
	
	function processXML(req){
		var doc = req.xhRequest.responseXML;
			if (!doc || !doc.firstChild)
			{
				doc = Spry.Utils.stringToXMLDoc(req.xhRequest.responseText);
				if (!doc || !doc.firstChild)
				{
					alert("Failed to get XML document DOM!");
					return;
				}
			}
		$$("div.initial_loading").setStyle("display","none");
		xmlDoc = Spry.XML.documentToObject(doc);
		
		if(xmlHash[tab_selected] == undefined){
			xmlHash[tab_selected] = xmlDoc.root;
		}
		if(xmlDoc.root && xmlDoc.root.slideshows){
			total_pages = Math.ceil(xmlDoc.root.slideshows.screenshots.img.length / thm_per_page);
			displayThm();
		}else{
			total_pages = 0;
		}
	}
	

	function displayThm(){		
		//$$("div.thumb_list").setStyle("display","block");
		
		for(var i=0; i<12; i++){
			//$$("a.thumb_item")[i].setStyle("display","none");
		}
		var start = index_page*thm_per_page;
		var end = (index_page+1)*thm_per_page;
		var item;
		var img_item;
		
		if(end > xmlHash[tab_selected].slideshows.screenshots.img.length){
			end = xmlHash[tab_selected].slideshows.screenshots.img.length;
		}
		
		$$("div.thumb_list").setHTML("");

		serialized_obj = new Array();
		for(var i=start; i<end; i++){
			item = i%thm_per_page;			
			
			$$("div.thm_loading").setStyle("display","block");
			
			if(xmlHash[tab_selected].slideshows.screenshots.img.length != undefined && xmlHash[tab_selected].slideshows.screenshots.img.length > 0){
				img_item = xmlHash[tab_selected].slideshows.screenshots.img[i];
			}else{
				img_item = xmlHash[tab_selected].slideshows.screenshots.img;
			}
			
			if(img_item){	
				//alert(img_item.ThumbnailImage.#text)
				var img_url = img_item.ThumbnailImage._value();
				//alert(item)
				//alert(addThmItem({index: item, bg_image: "url("+img_item.ThumbnailImage._value()+")"}))
				//alert('sss' + img_item.ThumbnailImage._value())
				$$("div.thumb_list")[0].innerHTML += addThmItem({index: item, bg_image: "url("+img_item.ThumbnailImage._value()+")"});
				serialized_obj.push({u: img_item.FullResImage._value()});
				
				if($$("div.thumb_list a.thumb_item")[item]){
					//$$("div.thumb_list a.thumb_item")[item].setStyle("display","block");
					//$$("div.thumb_list a.thumb_item")[item].setStyle("background-image", "url("+img_item.ThumbnailImage._value()+")");
				}
				//img_item.ThumbnailImage;
				//alert(Logging.dumpVar(img_item))
			}
			
			if(xmlHash[tab_selected].slideshows.screenshots.img.length == undefined){
				break;
			}
		}
		
		if(index_page == 0){
			$$("a.prev_page").setStyle("visibility","hidden");
		}else{
			$$("a.prev_page").setStyle("visibility","visible");
		}
		if(index_page == total_pages-1){
			$$("a.next_page").setStyle("visibility","hidden");
		}else{
			$$("a.next_page").setStyle("visibility","visible");
		}		
	}
	
	
	function displayLoading(){
		$$("a div.thm_swf_loading").each(function(el){
			el.innerHTML = $("swf_loading").innerHTML;
		})
	}
	
	

	
	function loadTab(index){
		selectTab(index);
		tab_selected = index;
		index_page = 0;
		total_pages = 0;
		
		if(index < nav.length){
			var url = {pScreenshotsProductId: nav[index].pScreenshotsProductId, plocale: url_request.pLocale, pStagingFlag:  nav[index].pStagingFlag};
			url = url_request.proxy+ "?base="+escape(url_request.base)+"&+url="+escape(serializeURL(url));
			current_url = url;
			$$("div.initial_loading").setStyle("display","block");
			$$("div.screenshot").setHTML('<img width="420" height="315" src="images/CSI_logo_screenshots.jpg"/>');
			$$("div.metadata").setStyle("display","none");
			
			$$("div.thumb_list").setHTML('<div class="initial_loading"><img src="images/loading_animation.gif"/></div>');
			Spry.Utils.loadURL("GET", current_url, true, processXML);
		}
		
		$$("a.prev_page").setStyle("visibility","hidden");
		$$("a.next_page").setStyle("visibility","hidden");
	}
	
	
	function selectTab(index){
		for(var i=0; i<nav.length; i++){
			$$("a.tab_item img")[i].setProperty("src", nav[i].img_normal);
		}
		$$("a.tab_item img")[index].setProperty("src", nav[index].img_selected);		
	}
	
	function serializeURL(ob){
		var url = "";
		for(var i in ob){
			url += i+"="+ob[i]+"&";
		}
		return url.substring(0,url.length-1);
	}
	
	
	function addThmItem(ob){
		if(ob.index == undefined){
			return "";
		}
		var html = '<a href="javascript: void(0)" class="thumb_item" style="background-image: '+ob.bg_image+'">'+
					'<div class="spacer_holder">'+						
						'<div class="thm_spacer" onclick="javascript: selectThm('+ob.index+'); void(0)"><img class="img_spacer" src="images/spacer.gif" width="120" height="90" /></div>'+
					'</div>'+
				'</a>';
		var html = '<a href="javascript: selectThm('+ob.index+'); void(0)" class="thumb_item" style="background-image:'+ob.bg_image+'"><img class="img_spacer" src="images/spacer.gif" width="120" height="90" /></a>';
		
		return html;
	
	}
	
	function selectThm(index){
		var item_index = index+index_page*thm_per_page;
		$$("div.metadata").setStyle("display","block");
		$$("div.screenshot").setHTML("");
		
		
		var img_item = null;
		
		if(index == 0 && xmlHash[tab_selected].slideshows.screenshots.img[item_index] == undefined){
			img_item = xmlHash[tab_selected].slideshows.screenshots.img;	
		}else{			
			img_item = xmlHash[tab_selected].slideshows.screenshots.img[item_index];			
		}
		
		var Description = img_item.Description._value();
		var DisplayName = img_item.DisplayName._value();
		var FullResImage = img_item.FullResImage._value();
		var StandardResImage = img_item.StandardResImage._value();
		
		$$("div.description").setHTML(Description);
		$$("div.title").setHTML(DisplayName);
		$$("div.enlarge a")[0].setProperty("href","javascript: openImage('"+FullResImage+"', "+item_index+");");
		
		//$$("div.enlarge a")[0].removeEvent ('click');
		//$$("div.enlarge a")[0].addEvent('click', function(){openImage(FullResImage)});
		
		$$("div.screenshot").setHTML("<img src='"+StandardResImage+"' alt='"+Description+"'/>");
		//new Asset.image(StandardResImage, {id: 'myImage', title:'myImage', onload: myFunction});
	}
	
	function openImage(image_url, item_index){
		var to_serialize = {i: item_index, img: serialized_obj};
		
		if(to_serialize.img.length > 0){
			serialized_tmp = Json.toString(to_serialize);
			Cookie.set('CSI4_thm_popup', serialized_tmp, {duration: 3});//3 days
		}
		
		var _w = window.open("screenshot_large.php?image_url="+escape(image_url), 
			"CSI4", 
			'width=950, height=635, scrollbars=yes, menubar=no, resizable=no, location=no, status=yes, toolbar=no'); 
		_w.focus();
	}
	
	function nextPage(){
		if(index_page < total_pages-1){
			index_page++;
		}
		displayThm();
	}
	
	function prevPage(){
		if(index_page > 0){
			index_page--;
		}
		displayThm();
	}
	loadTab(0);
	//Spry.Utils.loadURL("GET", url, true, processXML);