var tab_mer_mapping = new Array();
tab_mer_mapping[1] = '<a href="http://pringoo.com/buy/tshirt" target="_parent">Show me all <b>T-shirts</b></a>'; //mens tshirt
tab_mer_mapping[2] = '<a href="http://pringoo.com/buy/tshirt" target="_parent">Show me all <b>T-shirts</b></a>'; //womens
tab_mer_mapping[3] = '<a href="http://pringoo.com/buy/mug" target="_parent">Show me all <b>Mugs</b></a>'; //mug
tab_mer_mapping[4] = '<a href="http://pringoo.com/buy/poster" target="_parent">Show me all <b>Posters</b></a>'; //poster
tab_mer_mapping[5] = '<a href="http://pringoo.com/buy/sticker" target="_parent">Show me all <b>Stickers</b></a>'; //sticker
tab_mer_mapping[6] = '<a href="http://pringoo.com/buy/keychain" target="_parent">Show me all <b>Keychain</b></a>'; //keychain
tab_mer_mapping[7] = '<a href="http://pringoo.com/buy/teddybear" target="_parent">Show me all <b>Teddy bears</b></a>'; //teddy
tab_mer_mapping[8] = '<a href="http://pringoo.com/buy/canvas" target="_parent">Show me all <b>Canvases</b></a>'; //canvas
tab_mer_mapping[9] = '<a href="http://pringoo.com/buy/mousepad" target="_parent">Show me all <b>Mousepads</b></a>&nbsp;&nbsp;&nbsp;<a href="http://pringoo.com/buy/coaster" target="_parent">Show me all <b>Coasters</b></a>'; //more
tab_mer_mapping[10] = ''//create

var tabdata = new Array();
tabdata[1] = 0; 
tabdata[2] = 0; 
tabdata[3] = 0; 
tabdata[4] = 0; 
tabdata[5] = 0; 
tabdata[6] = 0; 
tabdata[7] = 0; 
tabdata[8] = 0; 
tabdata[9] = 0; 
tabdata[10] = 1; 

function getData(tabnum, prod) {
	//Make an ajax call to get data
	var url = '/ajax_controller';
	var prm = 'provider=homePodGallery'+'&product='+prod;
	XmlHttpd = $GX();
	XmlHttpd.onreadystatechange= function doActionofData() {
		if (XmlHttpd.readyState == 4 || XmlHttpd.readyState == "complete") {
			$BF('tab'+tabnum, XmlHttpd.responseText);
			tabdata[tabnum] = 1; 
		}
	}			
	XmlHttpd.open("POST",url,true);
	$Header(XmlHttpd,prm);
}

function showData(tabnumber, prodname) {
	//First hide all other tab datas
	for (var i=1; i <= 10; i++) { 
		if (i != tabnumber) {
			$GE('tab'+i).style.display = 'none';
			
		} else {
			$GE('tab'+i).style.display = 'block';
			//Now check we have data for this tab or not
			if (tabdata[tabnumber] == 0) { //get data, because it is not not cached yet
				getData(tabnumber, prodname);				
			}
		}
	}
	
	
}

//FOR TABS///////////////////////////////////////////////////////


var selectedTab = 'tab_0'; //Fake tab
var selectedTabNumber = 0; //Fake tab

function getElementsByClass(classname) {
	x = document.body.getElementsByTagName('*');
	var element_array = Array();
	var k = 0;
	for (var i=0; i < x.length; i++) {
	  if ( x[i].className == classname ) {
	  	element_array[k] = x[i];
	  	k++;
	  }
	}
	return element_array;
}

function showCustomProducts(obj, tabnumr, prodname) {	
	if (tabnumr != 10) {  
		$GESD('moredata', 'block');
	} else {
		$GESD('moredata', 'none');
	}
	if (selectedTabNumber != 0){
		$GE('tab'+selectedTabNumber).style.marginTop = '20px';
		moveBack();
	}
	var allTabs = getElementsByClass('csstab');
	for (var i=0; i < allTabs.length; i++) {
	  if (allTabs[i].id != obj.id) {
	  	allTabs[i].style.backgroundColor = '#D9E3EE';
	  	if (allTabs[i].id != 'tab_10') {
	  		allTabs[i].style.fontWeight = 'normal';
	  	}
	  } else {
	  	selectedTab = obj.id;
	  	selectedTabNumber = tabnumr;
	  	allTabs[i].style.backgroundColor='#FFFFFF';
	  	allTabs[i].style.fontWeight = 'bold';
	  }
	}	
	showData(tabnumr, prodname);
	//Change link text
	$BF('viewall', tab_mer_mapping[tabnumr]);
	
}
 
function hoverInTab(obj) {
	if (selectedTab != obj.id) {
		obj.style.backgroundColor='#6495ED';  
		//obj.style.color='#FFFFFF';  
	}
}

function hoverOutTab(obj) {
	if (selectedTab != obj.id) {
		obj.style.backgroundColor='#D9E3EE';
		//obj.style.color='#000000';
	}
}

function moveBack() {
	$GE('tab'+selectedTabNumber).style.marginTop = '20px';
	$GE('nextbutton').src = "http://www.pringoo.com/image/next_a.gif";
	$GE('prevbutton').src = "http://www.pringoo.com/image/pre_n.gif";
	$GE('prevbutton').style.cursor = 'default';
	$GE('nextbutton').style.cursor = 'pointer';
}

function moveNext() {
	$GE('tab'+selectedTabNumber).style.marginTop= '-250px';
	$GE('nextbutton').src = "http://www.pringoo.com/image/next_n.gif";
	$GE('prevbutton').src = "http://www.pringoo.com/image/pre_a.gif";
	$GE('prevbutton').style.cursor = 'pointer';
	$GE('nextbutton').style.cursor = 'default';
}