// Slider Javascript
var global_width;
var global_height;
var global_show;
var global_show_wrapper;
var global_show_set;
var li_total;
var li_current=1;
var pagination;
var li;

function transparent() {
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])


if ((version >= 5.5) && (document.body.filters)) 
{
   for(var i=0; i<document.images.length; i++)
   {
      var img = document.images[i]
      var imgName = img.src.toUpperCase()
      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
      {
         var imgID = (img.id) ? "id='" + img.id + "' " : ""
         var imgClass = (img.className) ? "class='" + img.className + "' " : ""
         var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
         var imgStyle = "display:inline-block;" + img.style.cssText 
         if (img.align == "left") imgStyle = "float:left;" + imgStyle
         if (img.align == "right") imgStyle = "float:right;" + imgStyle
         if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
         var strNewHTML = "<span " + imgID + imgClass + imgTitle
         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
         + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
         img.outerHTML = strNewHTML
         i = i-1
      }
   }
}
}

function addLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = func;
    } else {
        window.onload = function() {
            oldonload();
            func();
        }
    }
}

function moveSlideshow(elementID,final_x,final_y,interval) {
	transparent();
    if (!document.getElementById) return false;
    if (!document.getElementById(elementID)) return false;
    var elem = document.getElementById(elementID);
    if (elem.movement) {
        clearTimeout(elem.movement);
    }
    
    var xpos = parseInt(elem.style.left);
    var ypos = parseInt(elem.style.top);
    if (xpos == final_x && ypos == final_y) {
        return true;
    }
    // restrict moving to white area
    if (final_x <= -elem.max_x) {
        final_x = -elem.max_x;
		//document.getElementById('next').innerHTML="<img src='../Images/public/next_button_end.png' border='0' />";
		$("#rightnavi").hide();
		$("#rightnavi2").hide();
		transparent();
    }
	
	if (final_x > -1) {
	    //document.getElementById('previous').innerHTML="<img src='../Images/public/previous_button_end.png' border='0' />";
		$("#leftnavi").hide();
		$("#leftnavi2").hide();
		transparent();
    }
	
    if (final_x > 0) {
	    final_x = 0;
    }
    
    if (xpos < final_x) {
        var dist = Math.ceil((final_x - xpos)/10);
        xpos = xpos + dist;
    }
	
    if (xpos > final_x) {
        var dist = Math.ceil((xpos - final_x)/10);
        xpos = xpos - dist;
    }
  
    if (xpos <= -elem.max_x) {
	    xpos = -elem.max_x;
    }
    if (xpos > 0) {
	    xpos = 0;
    }
    
    elem.style.left = xpos + "px";
    elem.style.top = ypos + "px";
    
    var repeat = "moveSlideshow('"+elementID+"',"+final_x+","+final_y+","+interval+")";
    elem.movement = setTimeout(repeat,interval);
}

function prepareSlideshow(width,height,show,show_wrapper,show_set,paging) {
	li_current=1;
	global_width=width;
	global_height=height;
	
	global_show=show;
	global_show_wrapper=show_wrapper;
	global_show_set=show_set;
	pagination=paging;
	
	
	transparent();
	var slideshow_set = document.getElementById(global_show_set);
		var x = parseInt(slideshow_set.style.left);
		$("#leftnavi").hide();
		$("#leftnavi2").hide();
		$("#rightnavi2").css("visibility","visible");
		$("#rightnavi").css("visibility","visible");
		$("#rightnavi2").css("visibility","visible");
		$("#rightnavi").show();
		$("#rightnavi2").show();
		//alert(li_current+", "+width+", "+x);
		if (x % global_width != 0) {
			//alert(li_current+", "+width+", "+x);
	    //document.getElementById('previous').innerHTML="<img src='../Images/public/previous_button_end.png' border='0' />";
		$("#leftnavi").hide();
		$("#leftnavi2").hide();
		transparent();
    }
		
  	if (!document.getElementsByTagName) return false;
  	if (!document.getElementById) return false;
  	
  	if (!document.getElementById(global_show)) return false;
  	var slideshow = document.getElementById(global_show);
  	var wrapper = document.getElementById(global_show_wrapper);
  	wrapper.style.overflow = "hidden";
  	
  
	
	var slideshow_set = document.getElementById(global_show_set);
	slideshow_set.style.top = 0+"px";
	slideshow_set.style.left = 0+"px";
	
	li = slideshow_set.getElementsByTagName("li");
	li_total = li.length;
	
	slideshow_set.max_x = (li.length-1) * global_width;
	slideshow_set.max_y = li.length * global_height;
	var width = li.length * global_width;
	slideshow_set.style.width = width + "px";
}

  	function previous() {
		transparent();
		var slideshow_set = document.getElementById(global_show_set);
		var x = parseInt(slideshow_set.style.left);
		if (x % global_width == 0) {
			//document.getElementById('next').innerHTML="<a href='#' onClick='javascript:next();'><img src='../Images/public/next_button.png' border='0' /></a>";
			$("#rightnavi").show();
    		moveSlideshow(global_show_set,x+global_width,0,10);
			//alert(x);
			if (li_current<=li_total){
					li_current = li_current - 1;
				}
				
			if(pagination==1){
				for (j=0;j<=li_total-1;j++)
				{
					if(j==li_current-1){
						$("#step"+j).html('<div class="step selected">'+(j+1)+'</div>');
					}else{
						$("#step"+j).html('<div class="step" onclick="navi('+j+')">'+(j+1)+'</div>');
					}
				}
			}
		}
		return false;
	}
	
	function previous2() {
		transparent();
		var slideshow_set = document.getElementById(global_show_set);
		var x = parseInt(slideshow_set.style.left);
		if (x % global_width == 0) {
			//document.getElementById('next').innerHTML="<a href='#' onClick='javascript:next();'><img src='../Images/public/next_button.png' border='0' /></a>";
			$("#rightnavi2").show();
    		moveSlideshow(global_show_set,x+global_width,0,10);
			//alert(x);
			if (li_current<=li_total){
					li_current = li_current - 1;
				}
				
			if(pagination==1){
				for (j=0;j<=li_total-1;j++)
				{
					if(j==li_current-1){
						$("#step"+j).html('<div class="step selected">'+(j+1)+'</div>');
					}else{
						$("#step"+j).html('<div class="step" onclick="navi2('+j+')">'+(j+1)+'</div>');
					}
				}
			}
		}
		return false;
	}
	
  	function next()  {
		transparent();
		
		var slideshow_set = document.getElementById(global_show_set);
		var x = parseInt(slideshow_set.style.left);
		
    	if (x % global_width == 0) {
			
			//document.getElementById('previous').innerHTML="<a href='#' onClick='javascript:previous();'><img src='../Images/public/previous_button.png' border='0' /></a>";
			$("#leftnavi").css("visibility","visible");
			$("#leftnavi2").css("visibility","visible");
			$("#leftnavi").show();
			$("#leftnavi2").show();
    		moveSlideshow(global_show_set,x-global_width,0,10);
			//alert(x);
			if (li_current<li_total){
					li_current= li_current + 1;
			}
			
			if(pagination==1){
				for (i=0;i<=li_total-1;i++)
				{
					if(i==li_current-1){
						$("#step"+i).html('<div class="step selected">'+(i+1)+'</div>');
					}else{
						$("#step"+i).html('<div class="step" onclick="navi('+i+')">'+(i+1)+'</div>');
					}
				}
			}
		}

		return false;
	}
	
	function next2()  {
		transparent();
		
		var slideshow_set = document.getElementById(global_show_set);
		var x = parseInt(slideshow_set.style.left);
		
    	if (x % global_width == 0) {
			//document.getElementById('previous').innerHTML="<a href='#' onClick='javascript:previous();'><img src='../Images/public/previous_button.png' border='0' /></a>";
			$("#leftnavi").css("visibility","visible");
			$("#leftnavi2").css("visibility","visible");
			$("#leftnavi").show();
			$("#leftnavi2").show();
    		moveSlideshow(global_show_set,x-global_width,0,10);
			//alert(x);
			if (li_current<li_total){
					li_current= li_current + 1;
			}
			
			if(pagination==1){
				for (i=0;i<=li_total-1;i++)
				{
					if(i==li_current-1){
						$("#step"+i).html('<div class="step selected">'+(i+1)+'</div>');
					}else{
						$("#step"+i).html('<div class="step" onclick="navi2('+i+')">'+(i+1)+'</div>');
					}
				}
			}
		}

		return false;
	}

	function navi(num)  {
		transparent();
		var slideshow_set = document.getElementById(global_show_set);
		var x = parseInt(slideshow_set.style.left);
		var nextpos = -(num*global_width);
		//alert("x:"+x+", num:"+num+" ,global_width:"+global_width+" ,nextpos:" +parseInt(x-global_width));
		
		if(x>nextpos){
			if (x % global_width == 0) {
				$("#leftnavi").css("visibility","visible");
				$("#leftnavi").show();
				
				li_current= num + 1;
				moveSlideshow(global_show_set,-(num*global_width),0,10);
			}
			
		}else{
			if (x % global_width == 0) {
				$("#rightnavi").show();
				
				li_current= num + 1;
				moveSlideshow(global_show_set,-(num*global_width),0,10);
			}
		}

		for (k=0;k<=li_total-1;k++)
			{
				if(k==num){
					$("#step"+k).html('<div class="step selected">'+(k+1)+'</div>');
				}else{
					$("#step"+k).html('<div class="step" onclick="navi('+k+')">'+(k+1)+'</div>');
				}
			}
	}
	
	function navi2(num)  {
		transparent();
		var slideshow_set = document.getElementById(global_show_set);
		var x = parseInt(slideshow_set.style.left);
		var nextpos = -(num*global_width);
		//alert("x:"+x+", num:"+num+" ,global_width:"+global_width+" ,nextpos:" +parseInt(x-global_width));
		
		if(x>nextpos){
			if (x % global_width == 0) {
				$("#leftnavi2").css("visibility","visible");
				$("#leftnavi2").show();
				
				li_current= num + 1;
				moveSlideshow(global_show_set,-(num*global_width),0,10);
			}
			
		}else{
			if (x % global_width == 0) {
				$("#rightnavi2").show();
				
				li_current= num + 1;
				moveSlideshow(global_show_set,-(num*global_width),0,10);
			}
		}

		for (k=0;k<=li_total-1;k++)
			{
				if(k==num){
					$("#step"+k).html('<div class="step selected">'+(k+1)+'</div>');
				}else{
					$("#step"+k).html('<div class="step" onclick="navi2('+k+')">'+(k+1)+'</div>');
				}
			}
	}