var abc ;


function GetOpportunityMessage(s,c)
{
	Microsoft.CommerceServer.Site.ProductDetails.GetOpportunityMessage(s,c,GetOpportunityMessage_callback);
}

function GetOpportunityMessage_callback(res)
{
	document.getElementById('divOpportunityMessage').innerHTML = res.value;
	
	if (document.getElementById('divOpportunityMessage').children[1].value=='0')
	{
		document.getElementById('tdproinfo').children[2].style.display='none';
	}
}
		
function getPayAlternatives()
{
	if (document.getElementById('areaPayAlt').innerHTML.indexOf('Yüklüyor') > -1)
	{
		Microsoft.CommerceServer.Site.ProductDetails.GetPaymentAlternatives(document.getElementById('cPayLink').value, getPayAlternatives_CallBack) ;
	}

	caller('tabPayAlternatives');  
}

function getPayAlternatives_CallBack(response)
{
	document.getElementById('areaPayAlt').innerHTML = response.value;
}


function GetYorumPageByPn(obj,sorter) 
{
	getYorum(sorter, obj);				 
}


function getYorumInit()
{
	if (document.getElementById('areaYorum').innerHTML.indexOf('Yüklüyor') > -1)	
	{	
		Microsoft.CommerceServer.Site.ProductDetails.GetYorum(document.getElementById('cYorumLink').value + '&sorter=&pn=0', getYorum_CallBack) ;	
	}
	
	caller('tabYorum');
}

function getForumInit()
{
	if (document.getElementById('spnForum').innerHTML.indexOf('Yüklüyor') > -1)	
	{	
		var link = document.getElementById('cForumLink').value;
		document.getElementById('spnForum').innerHTML = "<iframe width='100%' Height='550px' id='frmForum' src='" + link + "' frameBorder='0' scrolling='auto'>";
	}
	
	caller('tabForum');
}

function getYorum(sortby, pageno)
{	
	document.getElementById('areaYorum').innerHTML = '<table height="400" align="center"><tr><td><img src="images/tabs/spinner.gif"></td><td class="smallFont">Yüklüyor...</td></tr></table>';
	Microsoft.CommerceServer.Site.ProductDetails.GetYorum(document.getElementById('cYorumLink').value + '&sorter=' + sortby + '&pn=' + pageno, getYorum_CallBack) ;	
	caller('tabYorum');
}

function getYorum_CallBack(response)
{
	if (response)
	{
		document.getElementById('areaYorum').innerHTML = response.value;
	}
}

function getProductImage()
{
	if (document.getElementById('areaImage').innerHTML.indexOf('Yüklüyor') > -1)
	{
		if (document.getElementById('cProductImage'))
		{
			Microsoft.CommerceServer.Site.ProductDetails.GetProductImage(document.getElementById('cProductImage').value, getProductImage_CallBack) ;				
		}
	}
	caller('tabImage');
}

function getProductImage_CallBack(response)
{	
	document.getElementById('areaImage').innerHTML = response.value;
}


function caller(i)
{
	if(abc)
		abc.setSelectedPage(i);
}
			
function hasSupport() {

	if (typeof hasSupport.support != "undefined")
		return hasSupport.support;
	
	var ie55 = /msie 5\.[56789]/i.test( navigator.userAgent );
	
	hasSupport.support = ( typeof document.implementation != "undefined" &&
			document.implementation.hasFeature( "html", "1.0" ) || ie55 )
			
	// IE55 has a serious DOM1 bug... Patch it!
	if ( ie55 ) {
		document._getElementsByTagName = document.getElementsByTagName;
		document.getElementsByTagName = function ( sTagName ) {
			if ( sTagName == "*" )
				return document.all;
			else
				return document._getElementsByTagName( sTagName );
		};
	}

	return hasSupport.support;
}

function WebFXTabPane( el, bUseCookie ) {
	if ( !hasSupport() || el == null ) return;
	
	this.element = el;
	this.element.tabPane = this;
	this.pages = [];
	this.selectedIndex = null;
	this.useCookie = bUseCookie != null ? bUseCookie : true;
	
	// add class name tag to class name
	this.element.className = this.classNameTag + " " + this.element.className;
	
	// add tab row
	this.tabRow = document.createElement( "div" );
	this.tabRow.className = "tab-row";
	el.insertBefore( this.tabRow, el.firstChild );

	var tabIndex = 0;
	if ( this.useCookie ) {
		tabIndex = Number( WebFXTabPane.getCookie( "webfxtab_" + this.element.id ) );
		if ( isNaN( tabIndex ) )
			tabIndex = 0;
	}
	this.selectedIndex = tabIndex;
	
	// loop through child nodes and add them
	var cs = el.childNodes;
	var n;
	for (var i = 0; i < cs.length; i++) {
		if (cs[i].nodeType == 1 && cs[i].className == "tab-page") {
			this.addTabPage( cs[i] );
		}
	}
}


WebFXTabPane.prototype.classNameTag = "dynamic-tab-pane-control";

WebFXTabPane.prototype.setSelectedIndex = function ( n ) {
	if (this.selectedIndex != n) {
		if (this.selectedIndex != null && this.pages[ this.selectedIndex ] != null )
			this.pages[ this.selectedIndex ].hide();
		this.selectedIndex = n;
		this.pages[ this.selectedIndex ].show();
		if (this.pages[ this.selectedIndex ].element.id == 'tabYorum')
			getYorumInit();
		else if (this.pages[ this.selectedIndex ].element.id == 'tabForum')
			getForumInit();
		else if (this.pages[ this.selectedIndex ].element.id == 'tabPayAlternatives')
			getPayAlternatives();
		else if (this.pages[ this.selectedIndex ].element.id == 'tabImage' )
			getProductImage();
		else if (this.pages[ this.selectedIndex ].element.id == 'tabAccountInfo' )
			GetAccountInfo() ;
		else if (this.pages[ this.selectedIndex ].element.id == 'tabGroupManage' )
			GetGroupManagement() ;
		else if (this.pages[ this.selectedIndex ].element.id == 'tabNewGroup' )
			CloseNewResults() ;
		else if (this.pages[ this.selectedIndex ].element.id == 'tabAddToGroup' )
			openAddToGroup() ;
			
			
	}
};

WebFXTabPane.prototype.setSelectedPage = function ( n ) {
	
	for(i=0;i<this.pages.length;i++)
	{
		//alert(this.pages[i].element.id);
		if (this.pages[i].element.id == n)
			this.setSelectedIndex(i);
	}
};
	
WebFXTabPane.prototype.getSelectedIndex = function () {
	return this.selectedIndex;
};
	
WebFXTabPane.prototype.addTabPage = function ( oElement ) {
	if ( !hasSupport() ) return;
	
	if ( oElement.tabPage == this )	// already added
		return oElement.tabPage;

	var n = this.pages.length;
	var tp = this.pages[n] = new WebFXTabPage( oElement, this, n );
	tp.tabPane = this;
	
	// move the tab out of the box
	this.tabRow.appendChild( tp.tab );
			
	if ( n == this.selectedIndex )
		tp.show();
	else
		tp.hide();
		
	return tp;
};
	
WebFXTabPane.prototype.rotateTabs = function ( miliseconds , index ) {

	if (this.pages.length <= index)
		index = 0;
	
	this.setSelectedIndex(index++);
	setTimeout('abc.rotateTabs(' + miliseconds.toString() + ',' + index.toString() + ')',miliseconds);
};
	
WebFXTabPane.prototype.dispose = function () {
	this.element.tabPane = null;
	this.element = null;		
	this.tabRow = null;
	
	for (var i = 0; i < this.pages.length; i++) {
		this.pages[i].dispose();
		this.pages[i] = null;
	}
	this.pages = null;
};



// Cookie handling
WebFXTabPane.setCookie = function ( sName, sValue, nDays ) {
	var expires = "";
	if ( nDays ) {
		var d = new Date();
		d.setTime( d.getTime() + nDays * 24 * 60 * 60 * 1000 );
		expires = "; expires=" + d.toGMTString();
	}

	document.cookie = sName + "=" + sValue + expires + "; path=/";
};

WebFXTabPane.getCookie = function (sName) {
	var re = new RegExp( "(\;|^)[^;]*(" + sName + ")\=([^;]*)(;|$)" );
	var res = re.exec( document.cookie );
	return res != null ? res[3] : null;
};

WebFXTabPane.removeCookie = function ( name ) {
	setCookie( name, "", -1 );
};

function WebFXTabPage( el, tabPane, nIndex ) {
	if ( !hasSupport() || el == null ) return;
	
	this.element = el;
	this.element.tabPage = this;
	this.index = nIndex;
	
	var cs = el.childNodes;
	for (var i = 0; i < cs.length; i++) {
		if (cs[i].nodeType == 1 && cs[i].className == "tab") {
			this.tab = cs[i];
			break;
		}
	}
	
	// insert a tag around content to support keyboard navigation
	
	
	var a = document.createElement( "DIV" );
	this.aElement = a;
	//a.href = "#";
	a.onclick = function () { return false; };
	while ( this.tab.hasChildNodes() )
		a.appendChild( this.tab.firstChild );
	this.tab.appendChild( a );

	
	// hook up events, using DOM0
	var oThis = this;
	this.tab.onclick = function () { oThis.select(); };
	this.tab.onmouseover = function () { WebFXTabPage.tabOver( oThis ); };
	this.tab.onmouseout = function () { WebFXTabPage.tabOut( oThis ); };
}

WebFXTabPage.prototype.show = function () {
	var el = this.tab;
	var s = el.className + " selected";
	s = s.replace(/ +/g, " ");
	el.className = s;
	
	this.element.style.display = "block";
};


WebFXTabPage.prototype.hide = function () {
	var el = this.tab;
	var s = el.className;
	s = s.replace(/ selected/g, "");
	el.className = s;

	this.element.style.display = "none";
};
	
WebFXTabPage.prototype.select = function () {
	this.tabPane.setSelectedIndex( this.index );
};
	
WebFXTabPage.prototype.dispose = function () {
	this.aElement.onclick = null;
	this.aElement = null;
	this.element.tabPage = null;
	this.tab.onclick = null;
	this.tab.onmouseover = null;
	this.tab.onmouseout = null;
	this.tab = null;
	this.tabPane = null;
	this.element = null;
};

WebFXTabPage.tabOver = function ( tabpage ) {
	var el = tabpage.tab;
	var s = el.className + " hover";
	s = s.replace(/ +/g, " ");
	el.className = s;
};

WebFXTabPage.tabOut = function ( tabpage ) {
	var el = tabpage.tab;
	var s = el.className;
	s = s.replace(/ hover/g, "");
	el.className = s;
};

// This function initializes all uninitialized tab panes and tab pages
function setupAllTabs() {
	if ( !hasSupport() ) return;

	var all = document.getElementsByTagName( "*" );
	var l = all.length;
	var tabPaneRe = /tab\-pane/;
	var tabPageRe = /tab\-page/;
	var cn, el;
	var parentTabPane;
	
	for ( var i = 0; i < l; i++ ) {
		el = all[i]
		cn = el.className;

		// no className
		if ( cn == "" ) continue;
		
		// uninitiated tab pane
		if ( tabPaneRe.test( cn ) && !el.tabPane )
			new WebFXTabPane( el );
	
		// unitiated tab page wit a valid tab pane parent
		else if ( tabPageRe.test( cn ) && !el.tabPage &&
					tabPaneRe.test( el.parentNode.className ) ) {
			el.parentNode.tabPane.addTabPage( el );			
		}
	}
}

function disposeAllTabs() {
	if ( !hasSupport() ) return;
	
	var all = document.getElementsByTagName( "*" );
	var l = all.length;
	var tabPaneRe = /tab\-pane/;
	var cn, el;
	var tabPanes = [];
	
	for ( var i = 0; i < l; i++ ) {
		el = all[i]
		cn = el.className;

		// no className
		if ( cn == "" ) continue;
		
		// tab pane
		if ( tabPaneRe.test( cn ) && el.tabPane )
			tabPanes[tabPanes.length] = el.tabPane;
	}
	
	for (var i = tabPanes.length - 1; i >= 0; i--) {
		tabPanes[i].dispose();
		tabPanes[i] = null;
	}
}


// initialization hook up

// DOM2
if ( typeof window.addEventListener != "undefined" )
	window.addEventListener( "load", setupAllTabs, false );

// IE 
else if ( typeof window.attachEvent != "undefined" ) {
	window.attachEvent( "onload", setupAllTabs );
	window.attachEvent( "onunload", disposeAllTabs );
}

else {
	if ( window.onload != null ) {
		var oldOnload = window.onload;
		window.onload = function ( e ) {
			oldOnload( e );
			setupAllTabs();
		};
	}
	else 
		window.onload = setupAllTabs;
}




//////////////////////// PRODUCTIMAGE ////////////////////////////////////////////////


function changePic(str) 
{
    document.getElementById('img500').src = 'http://www.hepsiburada.com/images/tabs/spinner.gif';
    document.getElementById('spnyukluyor').style.display='';
    document.getElementById('ImageB').src = str;
    document.getElementById('cell500').vAlign = 'middle';
    var abc = setTimeout('document.getElementById("img500").src="' + str + '"',500);
    var def = setTimeout('document.getElementById("spnyukluyor").style.display="none"',500);
}



function changePicCI(str,capt,desc, csname, csage, cssex, imgind, isci)
{ 

    document.getElementById('ImageCaptionCI').innerText = '';
    document.getElementById('ImageDescCI').innerText = '';
    
    document.getElementById('SentBy').innerText = '';
    document.getElementById('CsAge').innerText = '';
    document.getElementById('CsSex').innerText = '';
    
	document.getElementById('trVote').style.display = 'none';
	document.getElementById('trVoteAl').style.display = 'none';
	document.getElementById('trVoteTn').style.display = 'none';
    
    document.getElementById('trSentBy').style.display = 'none';
    
    document.getElementById('tdImageSurvStat').innerHTML = ''
    
    document.getElementById('img500CI').src = 'http://www.hepsiburada.com/images/tabs/spinner.gif';
    document.getElementById('tdLargeImage').align = 'right';
    document.getElementById('spnyukluyorCI').style.display='';
    document.getElementById('ImageBCI').src = str;
    
	if (isci == "1")
	{
		document.getElementById('spCaption').innerText = capt;
		document.getElementById('spDescription').innerText = desc;
	    
		document.getElementById('spCsName').innerText = csname;
		document.getElementById('spCsAge').innerText = csage;
		document.getElementById('spCsSex').innerText = cssex;
    }
    
    document.getElementById('cell500CI').vAlign = 'middle';

    var c ;
	c = document.getElementById('ImageBCI');
	var b = new Image();
    b.src = c.src;
 
	document.getElementById('ImageCaptionCI').innerText = '';
	document.getElementById('ImageDescCI').innerText = '';
	document.getElementById('SentBy').innerText = '';
	document.getElementById('CsAge').innerText = '';
	document.getElementById('CsSex').innerText = '';
 	document.getElementById('img500CI').src = b.src;
	document.getElementById('spnyukluyorCI').style.display='none';
	document.getElementById('trWarn').style.display = 'none';
	
	if (isci == "1")
	{	    	
		document.getElementById('trWarn').style.display = 'block';	
		document.getElementById('ImageCaptionCI').innerText = document.getElementById('spCaption').innerText;
		document.getElementById('ImageDescCI').innerText = document.getElementById('spDescription').innerText;
		
		if (document.getElementById('spCsName').innerText!="")
		{
			document.getElementById('SentBy').innerText = 'Gönderen : ' + document.getElementById('spCsName').innerText + ' ';
		}
		
		document.getElementById('CsAge').innerText = 'Yaş : ' + document.getElementById('spCsAge').innerText;
		document.getElementById('CsSex').innerText = 'Cinsiyet : ' + document.getElementById('spCsSex').innerText;
		
		document.getElementById('trSentBy').style.display = 'block';
		var strHtml ;
		strHtml = "<input class='btn' type=button value='Evet' id='spnYes' onclick=\"voteToImage('" + imgind + "','5');\"  runat='server'>&nbsp;&nbsp;<input class='btn' type=button value='Hayır' id='spnNo' onclick=\"voteToImage('" + imgind + "','1');\" runat='server'>";
		document.getElementById('tdVote').innerHTML  = strHtml;
		imgisvoted(imgind);
		getimagesurvstat(imgind);
	}
	
	document.getElementById('tdLargeImage').align = 'left';
       
   
}

function voteToImage(ind,str)
{	
	Microsoft.CommerceServer.Site.ProductDetails.voteToImage(ind, str, voteToImage_CallBack);
}

function voteToImage_CallBack(res)
{
	var a = res.value;
	if (a == "1")
	{
		document.getElementById('trVote').style.display = 'none';
		document.getElementById('trVoteAl').style.display = 'none';
		document.getElementById('trVoteTn').style.display = 'block';
	}
}

function imgisvoted(ind)
{

	Microsoft.CommerceServer.Site.ProductDetails.ImageIsVoted(ind, imgisvoted_CallBack);

}

function imgisvoted_CallBack(res)
{
	
	var a = res.value[0];
	var b = res.value[1];
	
	if (b=='0')
	{
		document.getElementById('trVote').style.display = 'block';
		document.getElementById('trVoteAl').style.display = 'none';
		document.getElementById('trVoteTn').style.display = 'none';
	}
	else
	{
		document.getElementById('trVote').style.display = 'none';
		document.getElementById('trVoteAl').style.display = 'block';
		document.getElementById('trVoteTn').style.display = 'none';
	}

}


function getimagesurvstat(ind)
{

	Microsoft.CommerceServer.Site.ProductDetails.GetImageSurveyStat(ind, getimagesurvstat_CallBack);
}

function getimagesurvstat_CallBack(res)
{

	
	var yes ;
	var no ;
	var yesm ;
	var nom ;
	var yesNOTm;
	var noNOTm;
	
	var a = res.value ;
	yes = a[0];
	no = a[1];
	yesm = a[2];
	nom = a[3];
	yesNOTm = a[4];
	noNOTm = a[5];
	
	if (yes != "0" && no!= "0")
	{
	
		var str = document.getElementById('tdimagestat').innerHTML ;
		
		str = str.replace("####yes####",yes.toString());
		str = str.replace("####no####",no.toString());
		str = str.replace("####yesmember####",yesm.toString());
		str = str.replace("####yesmember####",yesm.toString());
		str = str.replace("####nomember####",nom.toString());
		str = str.replace("####nomember####",nom.toString());
		str = str.replace("####yesNOTmember####",yesNOTm.toString());
		str = str.replace("####yesNOTmember####",yesNOTm.toString());
		str = str.replace("####noNOTmember####",noNOTm.toString());
		str = str.replace("####noNOTmember####",noNOTm.toString());
		
		document.getElementById('tdImageSurvStat').innerHTML = str;
	}
	

}


function getSortedData(sorter, pageno)
{
	getYorum(sorter,pageno);
}




//Dictionary
function LoadDictionary(objID)
{
	var a = document.getElementById(objID);
	Microsoft.CommerceServer.Site.ProductDetails.LoadDictionary(a.innerHTML,CatalogName,objID,cb_yukle);
}
function cb_yukle(response)
{
	var b = response.value;
	var a = document.getElementById(b[2]);
	a.innerHTML = b[1];
	eval(b[0]);
}

function ArrGetIndVal(obj,ind)
{
	for(var i=0;i<obj.length;i++)
	{
		if (typeof(obj[i])!="undefined")
		{
			if (obj[i][0]==ind)
			{
				return obj[i][1];
			}
		}
	}
	return '';
}

function ArrSetValue(obj,ind,val)
{

	for(var i=0;i<obj.length;i++)
	{
		if (typeof(obj[i])!="undefined")
		{
			if (obj[i][0]==ind)
			{
				obj[i]=new Array(ind,val);
				break;
			}
		}
	}

	obj[obj.length + 1]=new Array(ind,val); //???????
	
}

function showContent(idx,objForPopup)
{
	window.clearTimeout(toid);
	var content = ArrGetIndVal(contents,idx);
	var obj = document.getElementById(objForPopup);
	var ctrlExplanation = document.getElementById('divGlossary');
	var word = document.getElementById('spnGlossaryWord');
	var wordexplanation = document.getElementById('spnGlossaryDefinition');
	var divdefinition = document.getElementById('divDefinition');
	
	wordexplanation.innerHTML = content;
	word.innerHTML = obj.innerHTML;
	
	var pos = getPosition(obj);

	ctrlExplanation.style.display = 'block';
	ctrlExplanation.style.left = pos[0] + 5;
	ctrlExplanation.style.top = pos[1] - 120 ;

	divdefinition.scrollTop = 0;
}

function hideContent()
{
	window.clearTimeout(toid);
	toid = window.setTimeout("document.getElementById('divGlossary').style.display = 'none'",750);
}

function getPosition(obj)
{
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
				curleft += obj.offsetLeft
				curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}


function overExplanation()
{
	window.clearTimeout(toid);
}

function outExplanation()
{
	toid = window.setTimeout("document.getElementById('divGlossary').style.display = 'none'",750);
}