/* Salford Shopping City JS */

$(document).ready(function(){

	//check if font smoothing is disabled
	/*
	if (typeof(screen.fontSmoothingEnabled) != "undefined") {
         if(screen.fontSmoothingEnabled==false){
         	//alert('font smoothing disabled');
         	$('body').first().attr('id','nosmooth');
         }else{
         	$('body').first().attr('id','');
         }
   	}else{
   		$('body').first().attr('id','');
   	}*/
   	if(!$.browser.msie){
   		$('body').first().attr('id','');
   	}

	ecal_init();
	
	$('.dl_gallery a').lightBox();

	$('.addcorners').each(function(){
		if($(this).hasClass('greyborder')){
			$(this).append('<div class="cornergrey topleft"></div><div class="cornergrey topright"></div><div class="cornergrey bottomleft"></div><div class="cornergrey bottomright"></div>');
		} else if($(this).hasClass('lightgreyborder')) {
			$(this).append('<div class="cornerlightgrey topleft"></div><div class="cornerlightgrey topright"></div><div class="cornerlightgrey bottomleft"></div><div class="cornerlightgrey bottomright"></div>');
		} else if($(this).hasClass('blueborder')) {
			$(this).append('<div class="cornerblue topleft"></div><div class="cornerblue topright"></div><div class="cornerblue bottomleft"></div><div class="cornerblue bottomright"></div>');
		} else {
			$(this).append('<div class="corner topleft"></div><div class="corner topright"></div><div class="corner bottomleft"></div><div class="corner bottomright"></div>');
		}
	});
	

	
	
	c = 0;
	max = $('#shoplogos_wrapper .shoplogos_outer').length;
	doFade(c,max);
	
});

function doFade(c,max){
	$div = $('#shoplogos_'+c);
	$div.fadeIn(1500).delay(7000).fadeOut(1500,function(){
		c++;
		if(c==max){ c=0; }
		doFade(c,max);
	});
}

/*
function updateKeywords(kw){
	// check keyword
	var keyword = kw;
	$.ajax({
		type: "POST",
		url: "/duocms/keywords/update/"+keyword+"/",
		success: function(msg){
			$('#keyword_notice').html('keywords updated');
		}
	});
}
*/
function updateKeywords(kw){
	if($('#tbar_pages_keywords')){
		keywords = $('#tbar_pages_keywords').val();

		if(keywords.search(kw+' ') < 0){
			var keyword = ' '+kw+' ';
			keywords += keyword;
		} else {
			keywords = keywords.replace(kw+' ','');
		}
		$('#tbar_pages_keywords').val(keywords);
	}
}



//Event Calendar Stuff
//= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = 

var ecaldatecount=0;


//Event Calendar Stuff
//= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = 
function ecal_selDate(seldate){
	if(seldate){//remove from db
		var myConn = new XHConn();	
		myConn.connect("/duocms/eventcal/output/"+seldate+"/", "POST", '', ecal_showLoadedCal);
	}
}

function ecal_showLoadedCal(data){
	var data=data.responseText;
	document.getElementById('eventCalDiv').innerHTML=unt8Decode(data);
}
//calendar Stuff
//------------------------------------------------------------------------------------------
//advanced controls for events calander
function ecal_init(){
	if(document.getElementById('calEvents')){
		var loc=document.location.href;
		if(loc.match(/_duoedit/ig)){
			document.getElementById('calEvents').innerHTML='loading';
			ecal_getEvents();
		}
	}
}

function ecal_getEvents(){
	var myConn = new XHConn();
	var structure_id=document.getElementById('duocmsStructureId').value;
	myConn.connect("/duocms/eventcal/getdates/"+structure_id+"/", "POST","", ecal_getEvents_res);
}

function ecal_getEvents_res(data){
	//document.getElementById('calEvents').innerHTML=data.responseText;
	var data=eval('(' +data.responseText + ')');
	var list=document.getElementById('calEvents');
	var html='<table><thead><th>start date</th><th>end date</th><th>repeat</th></thead><tbody>';
	if(data.error){
		html+=data.error;	
	}else{		
		var listdata=data.info;
		var sel;
		for(var row in listdata){
			if(listdata[row].id){
				sel=new Array();
				sel[listdata[row].repeat]='selected';
				html+='<tr><td><input type="hidden" name="id" value="'+listdata[row].id+'" /><input class="ecal_date" name="start" id="f_date_'+listdata[row].id+'" value="'+listdata[row].start+'" /><button type="reset" id="f_trigger_'+listdata[row].id+'" >...</button></td><td><input class="ecal_date" name="end" id="f_date_E'+listdata[row].id+'" value="'+listdata[row].end+'"/><button type="reset" id="f_trigger_E'+listdata[row].id+'" >...</button></td><td>';
				html+='<select name="repeat">';
				html+='<option '+sel[0]+' value="0">no repeat</option>';
				html+='<option '+sel[1]+' value="1">daily</option>';
				html+='<option '+sel[2]+' value="2">weekly</option>';
				html+='<option '+sel[3]+' value="3">fortnightly</option>';
				html+='<option '+sel[4]+' value="4">monthly</option>';
				html+='<option '+sel[5]+' value="5">bi-monthly</option>';
				html+='</select> <input type="button" onclick="ecal_delrow(this)" value=" x " title="delete this date range" /></td></tr>';	
			}
		}
	}
	html+='</tbody></table><div id="ecal_buttons"><input class="ecal_button" type="button" onclick="ecal_addDate();" value="add date range" /><input class="ecal_button" type="button" type="button" onclick="ecal_saveAllEvents()" value="save dates" /></div><div id="ecal_saving" style="display:none;">saving</div>';
	list.innerHTML=html;	
	for(var row in listdata){
		if(listdata[row].id){
			ecal_addCals(listdata[row].id);
		}
	}	
}

function ecal_addCals(id){
	    Calendar.setup({
		inputField     :    "f_date_"+id,     // id of the input field
		ifFormat       :    "%d/%m/%Y",     // format of the input field (even if hidden, this format will be honored)
		daFormat       :    "%A, %B %d, %Y",// format of the displayed date
		button         :    "f_trigger_"+id,  // trigger button (well, IMG in our case)
		align          :    "Tl",           // alignment (defaults to "Bl")
		singleClick    :    true
    	});
    	Calendar.setup({
			inputField     :    "f_date_E"+id,     // id of the input field
			ifFormat       :    "%d/%m/%Y",     // format of the input field (even if hidden, this format will be honored)
			daFormat       :    "%A, %B %d, %Y",// format of the displayed date
			button         :    "f_trigger_E"+id,  // trigger button (well, IMG in our case)
			align          :    "Tl",           // alignment (defaults to "Bl")
			singleClick    :    true
	    });
}

function ecal_saveEvent(row){
	var myConn = new XHConn();
	var inputs=row.getElementsByTagName('input');
	var selects=row.getElementsByTagName('select');
	var structure_id=document.getElementById('duocmsStructureId').value;
	var id=inputs[0].value;
	var start=inputs[1].value;
	var end=inputs[2].value;
	var repeat=selects[0].value;
	var savingData="&structure_id="+structure_id+"&id="+id+"&start="+start+"&end="+end+"&repeat="+repeat;
	myConn.connect("/duocms/eventcal/updateDate/", "POST", savingData, ecal_saveEvent_res);
}

function ecal_saveAllEvents(){
	var list=document.getElementById('calEvents');
	var tblBody = list.getElementsByTagName('tbody');
	var trs=tblBody[0].getElementsByTagName('TR');
	for(var i=0;i<trs.length;i++){
		ecaldatecount++;
		//$('#ecal_buttons').fadeOut(500);
		//$('#ecal_saving').fadeIn(500);
		document.getElementById('ecal_buttons').style.display='none';
		document.getElementById('ecal_saving').style.display='block';
		ecal_saveEvent(trs[i]); 
	}
}

function ecal_saveEvent_res(data){
	ecaldatecount--;
	if(ecaldatecount==0){
		$('#ecal_saving').fadeOut(1500).delay(1000,function(){
			$('#ecal_buttons').fadeIn(500);
			ecal_getEvents();
		});
		//document.getElementById('ecal_buttons').style.display='block';
		//document.getElementById('ecal_saving').style.display='none';	
		//ecal_getEvents();
	}
}

function ecal_addDate(){
	var list=document.getElementById('calEvents');
	var tblBody = list.getElementsByTagName('tbody');
	//var newNode = tblBody[0].rows[0].cloneNode(true);
	var row=tblBody[0].insertRow(-1); 
	var rowcount="00"+tblBody[0].childNodes.length;
	var cell=row.insertCell(-1); 
	cell.innerHTML='<input type="hidden" name="id" value="" /><input class="ecal_date" name="start" value="" id="f_date_'+rowcount+'"/><button type="reset" id="f_trigger_'+rowcount+'" >...</button>'; 
	cell=row.insertCell(-1); 
	cell.innerHTML='<input class="ecal_date" name="end" value="" id="f_date_E'+rowcount+'"/><button type="reset" id="f_trigger_E'+rowcount+'" >...</button>';
	cell=row.insertCell(-1); 
	cell.innerHTML='<select name="repeat"><option value="0">no repeat</option><option value="1">daily</option><option value="2">weekly</option><option value="3">fortnightly</option><option value="4">monthly</option><option value="5">bi-monthly</option></select> <input type="button" value=" x " title="delete" />';
	ecal_addCals(rowcount);
	//alert(rowcount);
}

function ecal_delrow(item){
	if(!confirm('Are you sure you want to delete this daterange?\nThis can not be undone.')){return;}
	var row=item.parentNode.parentNode;
	var inputs=row.getElementsByTagName('input');
	var id=inputs[0].value;
	if(id){//remove from db
		ecaldatecount++;
		var myConn = new XHConn();	
		myConn.connect("/duocms/eventcal/deleteDate/"+id+"/", "POST", '', ecal_delrow_res);
	}
	row.parentNode.removeChild(row);	
}

function ecal_delrow_res(data){
	//alert(data.responseText);
}

function ecal_selDate(seldate){
	if(seldate){//remove from db
		var myConn = new XHConn();	
		myConn.connect("/duocms/eventcal/output/"+seldate+"/", "POST", '', ecal_showLoadedCal);
	}
}
function ecal_showLoadedCal(data){
	var data=data.responseText;
	document.getElementById('eventCalDiv').innerHTML=unt8Decode(data);
}




//---------- Diagram stuff ----------//
var cache = new Array();
var cachepath = '';

function salfordGetText(unitnum,street){

	var url = window.location.href;
	var mystr = /_duoEdit/;
	var mysearch = url.search(mystr);
	if(mysearch == -1){
		//cachepath = path.replace("/","");
		//if(!cache[cachepath]){
			var myConn = new XHConn();
			myConn.connect("/duocms/diagram/output/"+unitnum+"/"+street+"/", "POST", '', salfordGetTextOutput);
		//} else {
		//	salfordSetText();
		//}
	}
}

function salfordGetTextOutput(data){
	var data=data.responseText;
	cache[cachepath] = data;
	salfordSetText();
}

function salfordSetText(){
	var div = document.getElementById('diagramtext');
	div.innerHTML = '';
	div.innerHTML = cache[cachepath];
}

function salfordGotoPage(unitnum,street){
	var url = window.location.href;
	var mystr = /_duoEdit/;
	var mysearch = url.search(mystr);
	if(mysearch == -1){
		var myConn = new XHConn();
		myConn.connect("/duocms/diagram/redirect/"+unitnum+"/"+street+"/", "POST", '', salfordGotoPageOutput);
	}
}

function salfordGotoPageOutput(data){
	data = data.responseText;
	window.location.href = data;
}




//============================================================================================
/** XHConn - Simple XMLHTTP Interface - bfults@gmail.com - 2005-04-08        **
 ** Code licensed under Creative Commons Attribution-ShareAlike License      **
 ** http://creativecommons.org/licenses/by-sa/2.0/                           **/
if(document.getElementById('statusbar')){
	var oldStatusBackground=document.getElementById('statusbar').style.backgroundImage;
}
function XHConn()
{
  var xmlhttp, bComplete = false;
  try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }
  catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }
  catch (e) { try { xmlhttp = new XMLHttpRequest(); }
  catch (e) { xmlhttp = false; }}}
  if (!xmlhttp) return null;
  this.connect = function(sURL, sMethod, sVars, fnDone)
  {
    if (!xmlhttp) return false;
    bComplete = false;
    sMethod = sMethod.toUpperCase();

    try {
    	//before load, set statusbar to loading icon
    	if(document.getElementById('statusbar')){
    		document.getElementById('statusbar').style.backgroundImage="url(/duocms-resources/icons/loading2.gif)";
    	}
    		
      if (sMethod == "GET")
      {
        xmlhttp.open(sMethod, sURL+"?"+sVars, true);
        sVars = "";
      }
      else
      {
        xmlhttp.open(sMethod, sURL, true);
        xmlhttp.setRequestHeader("Method", "POST "+sURL+" HTTP/1.1");
        xmlhttp.setRequestHeader("Content-Type",
          "application/x-www-form-urlencoded");
      }
      xmlhttp.onreadystatechange = function(){
        if (xmlhttp.readyState == 4 && !bComplete){
        	//after loaded set statusbar back to old background
        	if(document.getElementById('statusbar') && oldStatusBackground){
	    		document.getElementById('statusbar').style.backgroundImage=oldStatusBackground;
    		}else if(document.getElementById('statusbar')){
    			document.getElementById('statusbar').style.backgroundImage='';
    		}
        	
          bComplete = true;
          fnDone(xmlhttp);
        }};
      xmlhttp.send(sVars);
    }
    catch(z) { return false; }
    return true;
  };
  return this;
}


function unt8Decode(s){
		var str = s.split("");
		var l = str.length;
		for(var i=0;i<l;i++){
			if(str[i].charCodeAt(0) >= 127){
				str[i]='&#'+str[i].charCodeAt(0)+';';
			}
		}
		return str.join("");
		//return s;
}