// JavaScript Document
/*For changeing text at the top left side*/
  var i=0;
  var lblContents = new Array();
  lblContents[0]="Free web consultancy";
  lblContents[1]="International Clients";
  lblContents[2]="Special focus on web promotions";
  lblContents[3]="Reliable communication facilities";
  lblContents[4]="MNC company with multiple locality";
  lblContents[5]="Good Delegation Skills";
  lblContents[6]="Round the clock services";
  
 function clabel(){
	 
  setInterval("printlbl()",2000);
 }
 
 function printlbl(){
 obj=document.getElementById("clbl");
// obj.innerHTML = lblContents[i];
 obj.innerHTML = lblContents[i];
 if(i<6)
	i++;
 else
	i=0;
}

function gup( name )
{
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
var regexS = "[\\?&]"+name+"=([^&#]*)";
var regex = new RegExp( regexS );
var results = regex.exec( window.location.href );
if( results == null )
return "";
else
return results[1];
}


/*for left slider*/
var slideInUse = new Array();

function Slide(objId, options) {
	this.obj = document.getElementById(objId);
	this.duration = 1;
	this.height = parseInt(this.obj.style.height);

	if(typeof options != 'undefined') { this.options = options; } else { this.options = {}; }
	if(this.options.duration) { this.duration = this.options.duration; }
		
	this.up = function() {
		this.curHeight = this.height;
		this.newHeight = '1';
		if(slideInUse[objId] != true) {
			var finishTime = this.slide();
			window.setTimeout("Slide('"+objId+"').finishup("+this.height+");",finishTime);
		}
	}
	
	this.down = function() {
		this.newHeight = this.height;
		this.curHeight = '1';
		if(slideInUse[objId] != true) {
			this.obj.style.height = '1px';
			this.obj.style.display = 'block';
			this.slide();
		}
	}
	
	this.slide = function() {
		slideInUse[objId] = true;
		var frames = 30 * duration; // Running at 30 fps

		var tIncrement = (duration*1000) / frames;
		tIncrement = Math.round(tIncrement);
		var sIncrement = (this.curHeight-this.newHeight) / frames;

		var frameSizes = new Array();
		for(var i=0; i < frames; i++) {
			if(i < frames/2) {
				frameSizes[i] = (sIncrement * (i/frames))*4;
			} else {
				frameSizes[i] = (sIncrement * (1-(i/frames)))*4;
			}
		}
		
		for(var i=0; i < frames; i++) {
			this.curHeight = this.curHeight - frameSizes[i];
			window.setTimeout("document.getElementById('"+objId+"').style.height='"+Math.round(this.curHeight)+"px';",tIncrement * i);
		}
		
		window.setTimeout("delete(slideInUse['"+objId+"']);",tIncrement * i);
		
		if(this.options.onComplete) {
			window.setTimeout(this.options.onComplete, tIncrement * (i-2));
		}
		
		return tIncrement * i;
	}
	
	this.finishup = function(height) {
		this.obj.style.display = 'none';
		this.obj.style.height = height + 'px';
	}
	
	return this;
}

/*for menu*/
var DDSPEED = 10;
var DDTIMER = 15;

// main function to handle the mouse events //
function ddMenu(id,d){
  var h = document.getElementById(id + '-ddheader');
  var c = document.getElementById(id + '-ddcontent');
  clearInterval(c.timer);
  if(d == 1){
    clearTimeout(h.timer);
    if(c.maxh && c.maxh <= c.offsetHeight){return}
    else if(!c.maxh){
      c.style.display = 'block';
      c.style.height = 'auto';
      c.maxh = c.offsetHeight;
      c.style.height = '0px';
	  //c.style='overflow-x:hidden; filter: alpha(opacity=50)';
      /*h.style.backgroundColor = '#363636';*/
	  
	  
//	  filter: alpha(opacity=55); -moz-opacity: .55; background-color:#EEE;
    }
    c.timer = setInterval(function(){ddSlide(c,1,h)},DDTIMER);
  }else{
    h.timer = setTimeout(function(){ddCollapse(c,h)},50);
  }

}

// collapse the menu //
function ddCollapse(c,h){
  var i = h;	
//  alert(i);
  c.timer = setInterval(function(){ddSlide(c,-1,i)},DDTIMER);
}

// cancel the collapse if a user rolls over the dropdown //
function cancelHide(id){
  var h = document.getElementById(id + '-ddheader');
  var c = document.getElementById(id + '-ddcontent');
  clearTimeout(h.timer);
  clearInterval(c.timer);
  if(c.offsetHeight < c.maxh){
    c.timer = setInterval(function(){ddSlide(c,1,h)},DDTIMER);
  }
}

// incrementally expand/contract the dropdown and change the opacity //
function ddSlide(c,d,i){
  var currh = c.offsetHeight;
  var dist;
  var h = i;
  //alert(h);

  if(d == 1){
	  //alert("asdsad");
	  h.style.backgroundColor='#545454';

	 //document.getElementById("website_design_menu-ddheader").style.background='#d9e1e4';	   
	dist = (Math.round((c.maxh - currh) / DDSPEED));
	  }else{
		  //alert("asdsad");
		  //h.style.background='#none';	   
	//document.getElementById("website_design_menu-ddheader").style.background='none';	  
    dist = (Math.round(currh / DDSPEED));
  }
  if(dist <= 1 && d == 1){
    dist = 1;
  }
  c.style.height = currh + (dist * d) + 'px';

  if(c.style.height == 4 + 'px'){
	  c.style.height = 1 + 'px' ;
	  if(c.style.height == 1 + 'px'){
   	  h.style.background = 'none';	   
	  }
  }
  c.style.opacity = currh / c.maxh;
//  c.style.opacity = 0.104167;
//  alert(c.style.opacity);
  c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')';
  //c.style.filter = 'alpha(opacity=0.520833333)';
  //c.style.filter = 'alpha(opacity=' 0.520833333 + ')';
  //alert(c.style.filter);
  if((currh < 2 && d != 1) || (currh > (c.maxh - 2) && d == 1)){
    clearInterval(c.timer);
  }
}

/*for Scroll news*/
// JavaScript Document
var pausecontent=new Array()
pausecontent[0]='<span class="stylecontent2_new"><p class="news_update">A Police Information System for an easy accessible police:</p><img src="../india_web_design_ipixsolutions_images/award.jpg" border="0"/></span>&nbsp;'

pausecontent[1]='<span class="stylecontent2">IPIX developed and launched the Police Information System that connects together all the police stations of Calicut city. IPIX is highly appreciated for the success of the project and is given a memento in token of appreciation by Mr. Elamaram Kareem, Honorable Minister for Industries, Kerala</span>&nbsp;'

pausecontent[2]='<span class="stylecontent2_new"><a class="news_update" href="http://www.plasticfreecalicut.com/" target="_blank">Calicut district declared as the first plastic-waste-free district in India </a><img src="../india_web_design_ipixsolutions_images/map.jpg" border="0"/></span>&nbsp;'

pausecontent[3]='<span class="stylecontent2">Through the project MAP (Mass Action for Plastic waste free campaign), Calicut district entered into the golden history as the first plastic waste free district in India. MAP is conceived and launched by the Calicut district administration and is organized and sponsored by IPIX.</span>&nbsp;'

pausecontent[4]='<span class="stylecontent2"><p class="news_update"><a href="http://angelsindia.org/" class="news_update" target="_blank">The \‘People\'s President\’, Dr. A. P. J. Abdul Kalam to launch ANGELS on 18 Feb 2011:</a></p></span><span class="stylecontent2">ANGELS (Active Network Group of Emergency Life Savers), a network of ambulances from all across Calicut connected through a GPRS system which is  meant for handling emergency conditions, is getting launched on 18 FEB 2011</span>&nbsp;'

/*pausecontent[3]='<span class="stylecontent1">June 2009</span><br /><span class="stylecontent2">An exclusive Hospital management solution has been developed and employed at Asian Reproductive Medicine Centre, Calicut. </span>&nbsp;'*/

//pausecontent[2]='<a href="http://www.cssdrive.com" target="_new">CSS Drive</a><br />Categorized CSS gallery and examples.'


function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%;line-height:18px;" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; line-height:18px; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}


// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}

/*for left expand*/
function ex1(){
  Slide('mydiv1').down();
  Slide('mydiv2').up();
  Slide('mydiv3').up();
  Slide('mydiv4').up();
 }
 
function ex2(){
  Slide('mydiv2').down();
  Slide('mydiv1').up();
  Slide('mydiv3').up();
  Slide('mydiv4').up();	
}

function ex3(){
  Slide('mydiv3').down();
  Slide('mydiv1').up();
  Slide('mydiv2').up();
  Slide('mydiv4').up();
}

function ex4(){
  Slide('mydiv4').down();
  Slide('mydiv1').up();
  Slide('mydiv2').up();
  Slide('mydiv3').up();
}