var objofclriscreated = false, timer;
current_gadgets = 'clock';
var diff = '', loc = '',curtime = 0, gmtime = 0;
gmtoffset = new Date().getTimezoneOffset(); 
if ( gmtoffset < 0) gmtime = new Date().getTime() - (Math.abs(gmtoffset)*60*1000);
else gmtime = new Date().getTime() + gmtoffset*60*1000;

if (document.addEventListener) {
   $('clck_wrap').addEventListener('mouseover', show_menu_option,false);
   $('clck_wrap').addEventListener('mouseout', hide_menu_option,false);
}
else {
   $('clck_wrap').attachEvent('onmouseover',show_menu_option);
   $('clck_wrap').attachEvent('onmouseout',hide_menu_option);
}



if (window.addEventListener) {
   document.addEventListener('mouseover', MouseOutExe,false);
   window.addEventListener("load", initializemarquee, false);
}
else if (window.attachEvent) {
  document.attachEvent('onmouseover', MouseOutExe);
  window.attachEvent("onload", initializemarquee);
}
else if ($) {
  window.onload = MouseOutExe;
  window.onload = initializemarquee;
}
function MouseOutExe(e) {
  e = Event.element(e);
  if ( (e.id == 'spn_logo_options') || (e.parentNode.id == 'spn_logo_poped') || (e.id == 'spn_logo_poped') || (e.parentNode.id == 'more_gadgets')  ) {
	 if (!$('spn_logo_poped') &&  !$('sendtofrnd') ) {
	   // get the gadgets id
	   var urll = location.href.split('=');
	   gid = urll[1];
	   // get the spn logo position
	   var spnpos = Position.cumulativeOffset($('spn_logo_options'));
	   p = document.createElement('div');
	   p.id = 'spn_logo_poped';
	   p.className = 'spn_logo_class';
	   Element.setStyle(p,{zIndex:1000,position:'absolute',top:spnpos[1]- 45+'px',left:spnpos[0]-73+'px',display:'none'});
	   var rexp = new RegExp("import-ajax","g");
       if (location.href.match(rexp))  {  // check it that from where the request coming in either from own site or from another
	      p.innerHTML = '<div id="more_gadgets" style="border-bottom:1px solid #4B6971;cursor:pointer;text-align:left;padding-left:2px;color:#2B8CB4;height:15px;" onmouseover="javascript:$(\'more_gadgets\').style.backgroundColor=\'#98DEFD\';" onmouseout="javascript:$(\'more_gadgets\').style.backgroundColor=\'#FEFEFE\';"><a href="http://www.smartwebgadgets.com/get-gadgets.php?id='+gid+'" target="_blank" style="color:#2B8CB4; text-decoration:none;"><img src="http://www.smartwebgadgets.com/gad_image/circle.gif" border="0" />&nbsp;Add to My Site</a></div><div id="sendtofriend" style="border-bottom:1px solid #4B6971;cursor:pointer;text-align:left;padding-left:2px;;color:#2B8CB4;height:15px;" onclick="javascript:send_to_frnd('+gid+'); return false;" onmouseover="javascript:$(\'sendtofriend\').style.backgroundColor=\'#98DEFD\';" onmouseout="javascript:$(\'sendtofriend\').style.backgroundColor=\'#FEFEFE\';"><img src="http://www.smartwebgadgets.com/gad_image/sndfrnd.gif" border="0" >&nbsp;Send to Friend</div><div id="help" style="cursor:pointer;text-align:left;padding-left:2px;;color:#2B8CB4;height:15px;" onmouseover="javascript:$(\'help\').style.backgroundColor=\'#98DEFD\';" onmouseout="javascript:$(\'help\').style.backgroundColor=\'#FEFEFE\';"><a href="http://www.smartwebgadgets.com/get-gadgets.php?id='+gid+'" target="_blank" style="color:#2B8CB4; text-decoration:none;"><img src="http://www.smartwebgadgets.com/gad_image/question.gif" border="0" >&nbsp;Help</a></div>'; 
	   }
	   else { 
	      p.innerHTML = '<div id="more_gadgets" style="border-bottom:1px solid #4B6971;cursor:pointer;text-align:left;padding-left:2px;color:#2B8CB4;height:15px;" onmouseover="javascript:$(\'more_gadgets\').style.backgroundColor=\'#98DEFD\';" onmouseout="javascript:$(\'more_gadgets\').style.backgroundColor=\'#FEFEFE\';" onclick="javascript:get_gadgets('+gid+'); return false;"><img src="http://www.smartwebgadgets.com/gad_image/circle.gif" border="0" />&nbsp;Add to My Site</div><div id="sendtofriend" style="border-bottom:1px solid #4B6971;cursor:pointer;text-align:left;padding-left:2px;;color:#2B8CB4;height:15px;" onclick="javascript:send_to_frnd('+gid+'); return false;" onmouseover="javascript:$(\'sendtofriend\').style.backgroundColor=\'#98DEFD\';" onmouseout="javascript:$(\'sendtofriend\').style.backgroundColor=\'#FEFEFE\';"><img src="http://www.smartwebgadgets.com/gad_image/sndfrnd.gif" border="0" >&nbsp;Send to Friend</div><div id="help" style="cursor:pointer;text-align:left;padding-left:2px;;color:#2B8CB4;height:15px;" onmouseover="javascript:$(\'help\').style.backgroundColor=\'#98DEFD\';" onmouseout="javascript:$(\'help\').style.backgroundColor=\'#FEFEFE\';" onclick="javascript:get_gadgets('+gid+'); return false;"><img src="http://www.smartwebgadgets.com/gad_image/question.gif" border="0" >&nbsp;Help</div>';
	   }
		
		document.body.appendChild(p);
	    new Effect.toggle('spn_logo_poped','appear',{duration:0.5});
	 }
  }
  else { 
	 if ($('spn_logo_poped') ) 
	   new Effect.toggle('spn_logo_poped','appear',{duration:0.5,afterFinishInternal:function(){$('spn_logo_poped').remove();}});
	   //$('spn_logo_poped').remove();
  }
} // end function





// fix png problem for ie 5.5 and 6
var ie6left = 106;
var ie6left2 = 160;
var arVersion = navigator.appVersion.split("MSIE");
var version = parseFloat(arVersion[1]);
if ( (version >= 5.5) && (version < 7) && (document.body.filters)) {
   $('clck_wrap_bg').style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.smartwebgadgets.com/gad_image/wbg_bg.png', sizingMethod='scale')";
   $('clck_wrap_bg').style.backgroundImage = 'none';
}

// get and set cookie
var kokie = Cookie.get('swg_clock_cookie');
if ( (kokie != null) &&  (kokie != '') && (typeof kokie != 'undefined') ) { 
   var kokie_arr = kokie.split('&');
   var kokie_theme_color = kokie_arr[0];
   var kokie_text_color = kokie_arr[1];
   var locations = kokie_arr[2].replace('+',' ');
   var gmtdiff = kokie_arr[3];
}
else { 
   var kokie_theme_color = 'FF0000';
   var kokie_text_color = 'EDEAEA';
   var locations= 'Local Time';
   var gmtdiff = gmtoffset*60;
}

$('locspan').innerHTML = locations;
if (gmtdiff > 0) curtime = gmtime + (gmtdiff*1000);
else curtime = gmtime - (Math.abs(gmtdiff)*1000);
timer = setInterval("localtimeshow()", 1000);

function localtimeshow() {
   curtime = curtime+1000;
   $('timespan').innerHTML =  new Date(curtime).toLocaleTimeString();
}

$('clck_wrap_bg').style.backgroundColor = "#"+kokie_theme_color;
$('vmarquee').style.color   = "#"+kokie_text_color;
$('timespan').style.color = "#"+kokie_text_color;
$('locspan').style.color = "#"+kokie_text_color;
$('clck_bdy').style.color = "#"+kokie_text_color;
$('spn_logo_options').style.color = "#"+kokie_text_color;



function show_menu_option() { 
  $('menusforoption').style.display = 'block';
  $('menusforoption').style.zIndex = 1000;
}
function hide_menu_option() { 
  $('menusforoption').style.display = 'none';
}
function show_picker_option() { 
   if ($('colorpicker_shows')) return false;
   if(!objofclriscreated) objofclriscreated = true;
   var obj = document.createElement('div');
   obj.id = 'colorpicker_shows';
   obj.style.zIndex = 1500;
   obj.innerHTML = '<div id="color"><img src="http://www.smartwebgadgets.com/gad_image/color.gif" width="141" height="29" alt="" title="Close" style="cursor:pointer;" onclick="javascript:close_clpic(); return false;"/></div><div style="background-color:#090909"><div id="pic" style="height:130px;"></div><div id="color_select" align="left"><div style="padding-left:5px;font-size:11px;color:#FFFFFF;"><input type="text" name="theme_text" id="theme_color_input" value="'+kokie_theme_color+'" size="15" class="in_txt"/>&nbsp;<strong>Theme Color</strong> </div><div style="padding-left:5px;font-size:11px;color:#FFFFFF;"><input type="text" name="theme_text" id="text_color_input" value="'+kokie_text_color+'" size="15" class="in_txt"/>&nbsp;<strong>Text Color</strong></div></div><div id="color_save"><div style="padding-right:10px;"><img src="http://www.smartwebgadgets.com/gad_image/save.gif" style="cursor:pointer" alt="Save" id="saving" onclick="javascript:save_color_alpha(); return false" /></div></div></div><div id="colorbot"><img src="http://www.smartwebgadgets.com/gad_image/color-07.gif" width="141" height="6" alt="" /><input type="hidden" name="alphaval" id="alphaval" /></div>';
 var pos = Position.cumulativeOffset($('menusforoption'));
 obj.style.position = 'absolute';
 obj.style.left = (pos[0] - ie6left) +'px';
 obj.style.top = pos[1]+'px';
 document.body.appendChild(obj);
 if (objofclriscreated) { 
   new Control.ColorPicker("theme_color_input",{ "swatch" : "ccpic" });
   new Control.ColorPicker("theme_color_input");
   new Control.ColorPicker("text_color_input");
 }

}

function close_clpic() { 
  $('colorpicker_shows').remove();
  Element.hide($("colorpicker"));
}

function save_color_alpha() { 
  if ($('colorpicker'))  {$('colorpicker').style.display = 'none'; }  
  var themecolor = $('theme_color_input').value; 
  var textcolor = $('text_color_input').value; 
  var alpha = $('alphaval').value; 
  if (themecolor == '') themecolor = 'FF0000';
  if (textcolor == '') themecolor = 'EDEAEA';
  if (alpha == '') alpha = '1.0';
   $('colorpicker_shows').style.color = '#ffffff';
   $('colorpicker_shows').style.fontSize = '11px';
   $('colorpicker_shows').innerHTML = '<div id="color"><img src="http://www.smartwebgadgets.com/gad_image/color.gif" width="141" height="29" alt="" title="Close" style="cursor:pointer;" onclick="javascript:$(\'colorpicker_shows\').remove(); return false;"/></div><div style="height:50px; width:141px; background-color:#000000;"><img src="http://www.smartwebgadgets.com/images/indicator.gif" border="0" />Processing...Wait...<img src="http://www.smartwebgadgets.com/images/indicator.gif" border="0" /></div><div id="colorbot"><img src="http://www.smartwebgadgets.com/gad_image/color-07.gif" width="141" height="6" alt="" />';
  var parms = 'themecolor='+themecolor+'&textcolor='+textcolor+'&location='+locations+'&timediff='+gmtdiff+'&gadgets=clock';
  new Ajax.Request('http://www.smartwebgadgets.com/update-color-alpha.php', {method: 'post', parameters: parms, onComplete: coloroption_update});
}
function coloroption_update(req) { 
	if (req.responseText == 'success') { 
       $('colorpicker_shows').remove();  
    }
    else { 
         $('colorpicker_shows').style.color = '#ffffff';
         $('colorpicker_shows').innerHTML = '<div id="color"><img src="http://www.smartwebgadgets.com/gad_image/color.gif" width="141" height="29" alt="" title="Close" style="cursor:pointer;" onclick="javascript:$(\'colorpicker_shows\').remove(); return false;"/></div><div style="height:50px; width:141px; background-color:#000000;">Couldnt Save the data. Posible Cause - Your Cookie Is Not Enabled</div><div id="colorbot"><img src="http://www.smartwebgadgets.com/gad_image/color-07.gif" width="141" height="6" alt="" />';
	}
}




function change_options() { 
 var elm = document.createElement('div');
 elm.id = 'wrap_fnd_timef';
 elm.style.zIndex = 1505;
 elm.innerHTML = '<div style="width:125px; height:20px; background-color:#000000"><div style="float:left;font-weight:bold;color:#FFFFFF;">Settings&nbsp;<span id="indicate"></span></div><div style="float:right;"><img style="cursor:pointer;padding:2px;" src="http://www.smartwebgadgets.com/gad_image/x.gif" border="0" alt="Close" onclick="javascript: $(\'wrap_fnd_timef\').remove();" /></div></div><div id="fnd_time_bdyf" align="left"><div style="padding-left:8px;cursor:pointer;" onclick="option_changing(\'findtime\'); return false;">Find / Set Time</div><div style="padding-left:8px;cursor:pointer;" onclick="option_changing(\'timediff\'); return false;">Find Time Difference</div><div style="padding-left:8px;cursor:pointer;" onclick="option_changing(\'worldtime\'); return false;">World Time</div></div>';
 var pos = Position.cumulativeOffset($('menusforoption'));
 elm.style.position = 'absolute';
 elm.style.left = (pos[0] - 88) +'px';
 elm.style.top = (pos[1]-3)+'px';
 document.body.appendChild(elm);
}

function option_changing(val) { 
  $('wrap_fnd_timef').remove();
  if (val == 'findtime') { 
     $('wtime_container').style.display = 'none';
     $('timediff').style.display = 'none';
     $('settime').style.display = 'block';
	 $('captions').innerHTML = 'Find/Set Time';
  }
  else if (val == 'timediff') { 
     $('timediff').style.display = 'block';
     $('settime').style.display = 'none';
     $('wtime_container').style.display = 'none';
	 $('captions').innerHTML = 'Time Difference';
  }
  else { 
     $('timediff').style.display = 'none';
     $('settime').style.display = 'none';
     $('wtime_container').style.display = 'block';
	 $('captions').innerHTML = 'World Time';
  }
}



function show_city_time() { 
  if ($('city').value == -1) return false; 
  var a = $('city').value.split('!!!');
  $('timehere').innerHTML = '<strong>'+a[1]+'</strong>'+'<br />'+a[2];
  
}
function save_time_location() { 
  if ($('city').value == -1) return false; 
  var a = $('city').value.split('!!!');
  $('settingtime').innerHTML = '<img src="http://www.smartwebgadgets.com/images/indicator.gif" alt="" />';
  var parms = 'd='+a[0]+'&l='+a[1];
  diff = a[0];
  loc = a[1];
  var parms = 'themecolor='+kokie_theme_color+'&textcolor='+kokie_text_color+'&location='+loc+'&timediff='+diff+'&gadgets=clock';
  new Ajax.Request('http://www.smartwebgadgets.com/update-color-alpha.php', {method: 'post', parameters: parms, onComplete: timecookie_update});
}
function timecookie_update(reqk) { 
  $('settingtime').innerHTML = '';
   if ( reqk.responseText == 'success') { 
      clearInterval(timer);
	  if (diff > 0) curtime = gmtime + (diff*1000);
	  else curtime = gmtime - (Math.abs(diff)*1000);
	  $('locspan').innerHTML = loc;
	  timer = setInterval("localtimeshowupdate()", 1000);
   }
   else { 
     alert('Couldnt Save the Location. Posible Reason maybe Your Cookie Not Enabled.')
   }
}


function localtimeshowupdate() {
   curtime = curtime+1000;
   $('timespan').innerHTML =  new Date(curtime).toLocaleTimeString();
 }


function timediff() { 
 var elm = document.createElement('div');
 elm.id = 'wrap_fnd_timef';
 elm.style.zIndex = 1505;
 elm.style.height = '210px';
 elm.style.backgroundColor = '#B5B5B5';
 elm.innerHTML = '<div id="fnd_time_headf"><div class="in_rowf" style="height:29px; width:200px"><div class="left_colf" style="padding-left:3px; line-height:29px">Time Difference &nbsp;<span id="indicate"></span></div><div style="float:right;cursor:pointer;"><img src="http://www.smartwebgadgets.com/gad_image/spacer.gif" alt="" onclick="javascript: $(\'wrap_fnd_timef\').remove();" width="60" height="15" border="0" /></div> </div></div><div id="fnd_time_bdyf" style="backgroud-color:#B5B5B5;height:190px;" align="left"> <br /> Loading Locations Please Wait...<img src="http://www.smartwebgadgets.com/images/indicator.gif" alt="" /></div>';
 elm.innerHTML += '<div id="fnd_time_botf"><img src="http://www.smartwebgadgets.com/gad_image/wtime_bot.gif" width="200" alt="" /></div>';
 var pos = Position.cumulativeOffset($('menusforoption'));
 elm.style.position = 'absolute';
 elm.style.left = (pos[0] - 165) +'px';
 elm.style.top = pos[1]+'px';
 document.body.appendChild(elm);
 var parms = '';
 new Ajax.Updater('fnd_time_bdyf','./get-cities-diff.php',{method: 'post', parameters: parms});

}

function show_time_difference() { 
  if ( ($('city1').value == -1) || ($('city2').value == -1) ) return false; 
  var a = $('city1').value.split('!!!');
  var b = $('city2').value.split('!!!');
  var timediff = 0, back_ahead_loc1 = '', back_ahead_loc2 = '';
  loc1 = a[1];  now1 = a[2]; diff1 = a[0];  
  loc2 = b[1];  now2 = b[2];  diff2 = b[0];
  if ( (diff1 < 0) || (diff1 < 0)  ) {  // one is negative
    timediff = Math.abs(diff1) + Math.abs(diff2);
  }
  else {  // both are +ve
    timediff = diff1 - diff2;
  }
  timediff = Math.abs(timediff);
 
  back_ahead_loc1  = sectotome(diff1) + ((diff1 < 0) ? ' Back ' : ' Ahead ') + ' From GMT';
  back_ahead_loc2  = sectotome(diff2) + ((diff2 < 0) ? ' Back ' : ' Ahead ') + ' From GMT';
  
  $('resultdiv').innerHTML =  '<div style="border: 1px solid #FFFFFF;width:230px;padding-bottom:2px;"><span style="color:#FDCA00;font-size:11px;">'+loc1+'<br />Now:</span> '+now1+'<br />'+back_ahead_loc1+'</div><div><img src="http://www.smartwebgadgets.com/images/spacer.gif" alt="" height="2" border="0" /></div>';
  $('resultdiv').innerHTML += '<div style="border: 1px solid #FFFFFF;width:230px;padding-bottom:2px;"><span style="color:#FDCA00;font-size:11px;">'+loc2+'<br />Now:</span> '+now2+'<br />'+back_ahead_loc2+'</div><div><img src="http://www.smartwebgadgets.com/images/spacer.gif" alt="" height="2" border="0" /></div>';
  $('resultdiv').innerHTML += '<div style="border: 1px solid #FFFFFF;width:230px;padding-bottom:2px;"><span style="color:#FDCA00;font-size:11px;">Diffence:</span> '+sectotome(timediff)+'</div>';
  $('resultdiv').innerHTML += '<div style="width:230px;padding-bottom:2px;" align="center"><a href="javascript:void(0);" onclick="javascript:time_diff_hide_show(); return false;">Find Again</a></div>';
 $('resultdiv').style.display = 'block';
 $('locationdiv').style.display = 'none';
  
}
function time_diff_hide_show() { 
 $('resultdiv').style.display = 'none';
 $('locationdiv').style.display = 'block';
}

function sectotome(secs) { 
   var second = Math.abs(secs);
   if ( second < 60 ) { 
       return ' 0 hrs 0 mins '+second+' secs'
   }
   else if ( second > 60 && second < 3600  ) { 
      secs = (second % 60);
	  mins = parseInt(second / 60);
      return ' 0 hrs '+mins+' mins '+secs+' secs'
   }
   else { 
      secs = second % 60;
	  mins = parseInt(second / 60);
	  minss = mins % 60;
	  hours = parseInt(mins / 60);
	  hourss = hours % 60;
      return  hourss +' hrs '+minss+' mins and '+secs+' secs'
   }
}

//...............................................

function scroll_wld(v) { 
   var elm = $('innerdiv');
   if ( v != 0 ) curtop = (-1)*parseInt(v) + 'px';
   else curtop = '0px';
   Element.setStyle(elm, {top:curtop});

}

window.onload = (function(){$('wtime_container').style.display='none';});