var WEB_URL="http://27games.com";

function ajax(url, vars, callbackFunction){
        var request = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP.3.0");
        request.open("POST", url, true);
        request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
        request.onreadystatechange = function(){
                if (request.readyState == 4 && request.status == 200) {
                        if (request.responseText){
                                callbackFunction(request.responseText);
                        }
                }
        };
        request.send(vars);
}

function call_done(serverData) {       // Called automatically when we get data back from server
                                  // Display an alert box with the recieved data
}

function addslashes(str) {
str=str.replace(/\'/g,'’');
str=str.replace(/\"/g,'\\"');
str=str.replace(/\\/g,'\\\\');
str=str.replace(/\0/g,'\\0');
return str;
}

function rate(rating, endrating){
	var opt = "id="+document.getElementById("id").value+"&sec="+document.getElementById("sec").value+"&rating="+rating;
  	ajax('/user/rate.php', opt, call_done);
	document.getElementById("uprate").innerHTML = endrating;
	document.getElementById("uprate").id = "rated";
}

function fav(){
	if (document.getElementById("fav").innerHTML == '<img alt="" src="'+WEB_URL+'/images/favg.gif">Add to Favorites'){
		document.getElementById("fav").innerHTML = '<img alt="" src="'+WEB_URL+'/images/favg.gif"/>Remove from Favorites';
		var rating=1;
	} else {
		document.getElementById("fav").innerHTML = '<img alt="" src="'+WEB_URL+'/images/favg.gif"/>Add to Favorites';
		var rating=0;
	}
	var opt = "id="+document.getElementById("id").value+"&sec="+document.getElementById("sec").value+"&rating="+rating;
  	ajax('/user/fav.php', opt, call_done);
}

function addGame(id, sec, gameImg, title, desc){
	var opt = "id="+id+"&sec="+sec+"&rating=1";
  	ajax('/user/fav.php', opt, call_done);
	addGameElement(id, sec, gameImg, title, desc);
}

function addGameElement(id, sec, gameImg, title, desc){
if (sec == 1){
section = 'games';
}else if (sec == 2){
section = 'videos';
}
var ni = document.getElementById('cart2').lastChild.lastChild;
col = ni.childNodes.length;
//alert(col);
if (col==2){
ni = document.getElementById('cart2').lastChild;
ni.innerHTML += "<tr></tr>";
//alert(ni.innerHTML);
ni = document.getElementById('cart2').lastChild.lastChild;
}
  var newdiv = document.createElement('td');
  newdiv.setAttribute('width',"81");
  first = '<div style="padding:2px; width:76px; height:60px;" id="container_'+id+'_'+sec+'"><div id="gameObject"><a href="'+WEB_URL+'/games/'+id+'"><img src="'+WEB_URL+'/'+section+'/thumbnail/'+gameImg+'" style="width:60px; height:45px;" class="Tips1" title="'+title+' :: '+desc+'" alt="'+title+'"/></a></div><div id="product_'+id+'_'+sec+'" style="width:15px; height:15px; float:left" title="Remove">';
  middle = "<a href=\"javascript:removeGameElement("+id+", "+sec+", '"+gameImg+"', '"+addslashes(title)+"', '"+addslashes(desc)+"')\">";
  newdiv.innerHTML = first + middle + '<img src="'+WEB_URL+'/images/subtract.png" alt="Remove" style="float:left" /></a></div><a href="'+WEB_URL+'/games/'+id+'"><b style="text-align:left; font-size:10px;">'+title+'</b></a></div>';
  img = document.getElementById('product_'+id+'_'+sec);
  img.innerHTML = middle + '<img src="'+WEB_URL+'/images/subtract.png" alt="Remove" style="float:left" /></a>';
  ni.appendChild(newdiv);
}

function removeGameElement(id, sec, gameImg, title, desc){
  var opt = "id="+id+"&sec="+sec+"&rating=0";
  ajax('/user/fav.php', opt, call_done);
  var d = document.getElementById('cart2');

//alert(document.getElementById('container_'+id+'_'+sec).innerHTML);
if (document.getElementById('container_'+id+'_'+sec)){
  var olddiv = document.getElementById('container_'+id+'_'+sec);
  d.removeChild(olddiv);
} else {
//alert("Debug: "+document.getElementById('cart2').innerHTML);
}
  img = document.getElementById('product_'+id+'_'+sec);
  content = "<a href=\"javascript:addGame("+id+", "+sec+", '"+gameImg+"', '"+title+"', '"+desc+"')\">";
  img.innerHTML = content+'<img src="http://'+WEB_URL+'/images/add.png" alt="Add" style="float:left" /></a>';
}

window.addEvent('domready', function(){

var Tips1 = new Tips($$('.Tips1'));
 
/* Tips 2 */
var Tips2 = new Tips($$('.Tips2'), {
	initialize:function(){
		this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 500, wait: false}).set(0);
	},
	onShow: function(toolTip) {
		this.fx.start(1);
	},
	onHide: function(toolTip) {
		this.fx.start(0);
	}
});
 
/* Tips 3 */
var Tips3 = new Tips($$('.Tips3'), {
	showDelay: 400,
	hideDelay: 400,
	fixed: true
});
 
/* Tips 4 */
var Tips4 = new Tips($$('.Tips4'), {
	className: 'custom'
});

var mySlide = new Fx.Slide('vid_container');

if (document.getElementById("vid_on").value == 0){
	mySlide.hide();
}

$('toggle').addEvent('click', function(e){
	e = new Event(e);
	mySlide.toggle();
	if (document.getElementById("vid_on").value == 1){
		document.getElementById("vid_on").value = 0;
	} else {
		document.getElementById("vid_on").value = 1;
	}
	var opt = "id="+document.getElementById("vid_on").value;
	ajax(WEB_URL+'/user/hide.php', opt, call_done);
	e.stop();
});

});