$(function() { 
    $('#slideshow').cycle({
		delay:   -4000,
        prev:   '#prev',
        next:   '#next',
        timeout: 0,
        before: onBefore
    });
    function onBefore(dd,kk,opts) { 
		$('#prev').click(function(){
			opts.fx = 'scrollUp';
		});
		$('#next').click(function(){
			opts.fx = 'scrollDown';
		});
		var ImgID = this.id;
		var imagearr = ImgID.split("_");
		var exist_ids = document.getElementById('exist_vote_ids').value;
		var exist_flag_ids = document.getElementById('exist_flag_ids').value;
		var exist_vote_arr = exist_ids.split("_");
		var exist_flag_arr = exist_flag_ids.split("_");
		var voteflag=true;
		var flag=false;
		for(i=0;i<exist_vote_arr.length;i++){
			//alert(imagearr[0]+" == "+exist_vote_arr[i]);
			if(imagearr[0] == exist_vote_arr[i]){
				voteflag=false;
			}
		}

		for(i=0;i<exist_flag_arr.length;i++){
			if(imagearr[0] == exist_flag_arr[i]){
				flag=true;
			}
		}
		if(flag) {
			$('#title').html('<div id="votediv'+ImgID+ '" class="framevote"><ul><li><a href="javascript:void(0);" onclick="Javascript:applyUnFlag(\''+ImgID+ '\');" title="Unflag this frame" class="framedownflag"><span>Unflag this frame</span></a></li></ul></div>');
		}else if(voteflag) {
			$('#title').html('<div id="votediv'+ImgID+ '" class="framevote"><ul><li><a href="javascript:void(0);" onclick="Javascript:applyVote(\''+ImgID+ '\');" title="Vote this frame up" class="frameup"><span>Vote this frame up</span></a></li><li><a href="javascript:void(0);" onclick="Javascript:applyFlag(\''+ImgID+ '\');" title="Flag this frame" class="framedown"><span>Flag this frame</span></a></li></ul></div>');
		} else {
			$('#title').html('<div class="framevoted"></div>');
		}
    }
    
});
var globalImageId;
function applyVote(imageId) { 
    var timestamp = Number(new Date());
     var url = "/ajax_vote.php?eid="+imageId+"&rand="+timestamp;
	 globalImageId = imageId;
    var http =  new XMLHttpRequest();
     http.open("GET", url, true);
     http.onreadystatechange = function() {
          if (http.readyState == 4) {
               if (http.status==200) {
				   var res = http.responseText;
                         if (res!= "") {
							 if(res=='AlreadyVoted'){
								if(document.getElementById('votediv'+globalImageId)){
								document.getElementById('votediv'+globalImageId).innerHTML = '';
								document.getElementById('votediv'+globalImageId).className = 'framevoted';
								}
								if(document.getElementById('viewvotediv'+globalImageId)){
								document.getElementById('viewvotediv'+globalImageId).innerHTML = '';
								document.getElementById('viewvotediv'+globalImageId).className = 'framevoted';
								}
							 } else if(res=='Success'){
								 if(document.getElementById('votediv'+globalImageId)){
								document.getElementById('votediv'+globalImageId).innerHTML = '';
								document.getElementById('votediv'+globalImageId).className = 'framevotesuccess';
								document.getElementById('exist_vote_ids').value = document.getElementById('exist_vote_ids').value+'_'+globalImageId;
								 }
								 if(document.getElementById('viewvotediv'+globalImageId)){
								document.getElementById('viewvotediv'+globalImageId).innerHTML = '';
								document.getElementById('viewvotediv'+globalImageId).className = 'framevotesuccess';
								document.getElementById('viewexist_vote_ids').value = document.getElementById('viewexist_vote_ids').value+'_'+globalImageId;
								 }
							 } else if(res=='Login') {
								 document.location.href='/forums/member/login/';
							 } else {
								 alert(http.responseText);
							 }
                         } 
               }
          }
     }
     http.send(null);
     //return false;
}

function applyFlag(imageId) { 
    var timestamp = Number(new Date());
     var url = "/ajax_flag.php?eid="+imageId+"&rand="+timestamp;
	 globalImageId = imageId;
    var http =  new XMLHttpRequest();
     http.open("GET", url, true);
     http.onreadystatechange = function() {
          if (http.readyState == 4) {
               if (http.status==200) {

                         var res = http.responseText;
                         if (res!= "") {
                              if(res=='AlreadyFlagged'){
								  if(document.getElementById('votediv'+globalImageId)){
									document.getElementById('votediv'+globalImageId).innerHTML = '<ul><li><a href="javascript:void(0);" onclick="Javascript:applyUnFlag(\''+globalImageId+ '\');" title="Unflag this frame" class="framedownflag"><span>Unflag this frame</span></a></li></ul>';
								  }
								 if(document.getElementById('viewvotediv'+globalImageId)){
									document.getElementById('viewvotediv'+globalImageId).innerHTML = '<ul><li><a href="javascript:void(0);" onclick="Javascript:applyUnFlag(\''+globalImageId+ '\');" title="Unflag this frame" class="framedownflag"><span>Unflag this frame</span></a></li></ul>';
								  }
								//document.getElementById('votediv'+globalImageId).className = 'frameflagged';
							 } else if(res=='Success'){
								 if(document.getElementById('votediv'+globalImageId)){
								document.getElementById('votediv'+globalImageId).innerHTML = '<ul><li><a href="javascript:void(0);" onclick="Javascript:applyUnFlag(\''+globalImageId+ '\');" title="Unflag this frame" class="framedownflag"><span>Unflag this frame</span></a></li></ul>';
								document.getElementById('exist_flag_ids').value = document.getElementById('exist_flag_ids').value+'_'+globalImageId;
								 }
								 if(document.getElementById('viewvotediv'+globalImageId)){
								document.getElementById('viewvotediv'+globalImageId).innerHTML = '<ul><li><a href="javascript:void(0);" onclick="Javascript:applyUnFlag(\''+globalImageId+ '\');" title="Unflag this frame" class="framedownflag"><span>Unflag this frame</span></a></li></ul>';
								document.getElementById('viewexist_flag_ids').value = document.getElementById('viewexist_flag_ids').value+'_'+globalImageId;
								 }
							 } else if(res=='Login') {
								 document.location.href='/forums/member/login/';
							 } else {
								 alert(http.responseText);
							 }
                         } 
               }
          }
     }
     http.send(null);
     //return false;
}


function applyUnFlag(imageId) { 
    var timestamp = Number(new Date());
     var url = "/ajax_unflag.php?eid="+imageId+"&rand="+timestamp;
	 globalImageId = imageId;
    var http =  new XMLHttpRequest();
     http.open("GET", url, true);
     http.onreadystatechange = function() {
          if (http.readyState == 4) {
               if (http.status==200) {

                         var res = http.responseText;
                         if (res!= "") {
                              if(res=='AlreadyFlagged' || res=='Success'){

		if(document.getElementById('viewexist_vote_ids')){
		var exist_ids = document.getElementById('viewexist_vote_ids').value;
		var exist_flag_ids = document.getElementById('viewexist_flag_ids').value;
		var exist_vote_arr = exist_ids.split("_");
		var exist_flag_arr = exist_flag_ids.split("_");
		document.getElementById('viewexist_vote_ids').value = "";
		for(i=0;i<exist_vote_arr.length;i++){
			if(imageId != exist_vote_arr[i]){
				document.getElementById('viewexist_vote_ids').value += exist_vote_arr[i]+"_"; 
			}
		}
		document.getElementById('viewexist_flag_ids').value = ""; 
		for(i=0;i<exist_flag_arr.length;i++){
			if(imageId != exist_flag_arr[i]){
				document.getElementById('viewexist_flag_ids').value += exist_vote_arr[i]+"_"; 
			}
		}
		}


								  if(document.getElementById('votediv'+globalImageId)){
									document.getElementById('votediv'+globalImageId).innerHTML = '<ul><li><a href="javascript:void(0);" onclick="Javascript:applyVote(\''+globalImageId+ '\');" title="Vote this frame up" class="frameup"><span>Vote this frame up</span></a></li><li><a href="javascript:void(0);" onclick="Javascript:applyFlag(\''+globalImageId+ '\');" title="Flag this frame" class="framedown"><span>Flag this frame</span></a></li></ul>';
								  }
								  if(document.getElementById('viewvotediv'+globalImageId)){
									document.getElementById('viewvotediv'+globalImageId).innerHTML = '<ul><li><a href="javascript:void(0);" onclick="Javascript:applyVote(\''+globalImageId+ '\');" title="Vote this frame up" class="frameup"><span>Vote this frame up</span></a></li><li><a href="javascript:void(0);" onclick="Javascript:applyFlag(\''+globalImageId+ '\');" title="Flag this frame" class="framedown"><span>Flag this frame</span></a></li></ul>';
								  }
							  }  else {
								  alert(res);
							  }
                         } 
               }
          }
     }
     http.send(null);
     //return false;
}


function showvotediv(id,showstatus){
    if(document.getElementById('votediv'+id)) {
     document.getElementById('votediv'+id).style.display=showstatus;
    }
}
function getImage(url) {  
var b = document.form1.imgLen.value;
var myCars=new Array();
if(parseInt(b)==1) {
 myCars[0] = document.form1.imgpath[0].value;
} else {
    var a = document.form1.imgpath.length;
      for(i=0;i<a;i++){
          myCars[i]= document.form1.imgpath[i].value;
         }
}
target = document.getElementById("viewall");
target.setAttribute("href", url+"?height=440&width=759");
}

function viewallVote(ID){
		var ImgID = ID.id;
		var imagearr = ImgID.split("_");
		var exist_ids = document.getElementById('viewexist_vote_ids').value;
		var exist_flag_ids = document.getElementById('viewexist_flag_ids').value;
		var exist_vote_arr = exist_ids.split("_");
		var exist_flag_arr = exist_flag_ids.split("_");
		var voteflag=true;
		var flag=false;
		for(i=0;i<exist_vote_arr.length;i++){
			//alert(imagearr[0]+" == "+exist_vote_arr[i]);
			if(imagearr[0] == exist_vote_arr[i]){
				voteflag=false;
			}
		}

		for(i=0;i<exist_flag_arr.length;i++){
			if(imagearr[0] == exist_flag_arr[i]){
				flag=true;
			}
		}
		if(flag) {
			$('#title'+imagearr[0]).html('<div id="viewvotediv'+ImgID+ '" class="framevote"><ul><li><a href="javascript:void(0);" onclick="Javascript:applyUnFlag(\''+ImgID+ '\');" title="Unflag this frame" class="framedownflag"><span>Unflag this frame</span></a></li></ul></div>');
		}else if(voteflag) {
			$('#title'+imagearr[0]).html('<div id="viewvotediv'+ImgID+ '" class="framevote"><ul><li><a href="javascript:void(0);" onclick="Javascript:applyVote(\''+ImgID+ '\');" title="Vote this frame up" class="frameup"><span>Vote this frame up</span></a></li><li><a href="javascript:void(0);" onclick="Javascript:applyFlag(\''+ImgID+ '\');" title="Flag this frame" class="framedown"><span>Flag this frame</span></a></li></ul></div>');
		} else {
			$('#title'+imagearr[0]).html('<div class="framevoted"></div>');
		}
    }


	function paginationAjax(url) { 
    var timestamp = Number(new Date());
    var http =  new XMLHttpRequest();
     http.open("GET", url, true);
     http.onreadystatechange = function() {
          if (http.readyState == 4) {
               if (http.status==200) {
                         var res = http.responseText;
						 document.getElementById('TB_ajaxContent').innerHTML = res;
               }
          }
     }
     http.send(null);
     return false;
	}