// Rokoko Global Javascript Functions//
var CSS_POPUP = 'ppjs_id';
var CSS_DARKEN = 'darken_id';
var Limit = 12;
var Imgs = new Array();
var rk_slide_on = true;
var rk_slide_up = true;
function rk_currYear(){
	var dc = new Date();
	var _year = dc.getFullYear();
	document.write(_year);	
}
function rk_quietcurrYear(){
	var dc = new Date();
	var _year = dc.getFullYear();
	return (_year);	
}
function rk_page(){
	return _GET('pg');
}
function rk_setStyle(element,ss){
	var css_complete = ss.split(';');
	for(i = 0; i < css_complete.length;i++){
		var parts = css_complete[i].split(':');
		var k = parts[0];
		var v = parts[1];
		if(v!="" && k!=""){
			eval("element.style."+k+"='"+v+"'");
		}
	}
}
function rk_getStyle(element,ss){
	if(ss!=""){
		return eval("element.style."+ss+";");
	}
}
function _GET( name )
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return 0;
  else
    return results[1];
}
function rk_pageLinks(pages){
	var txt = ''; 
	var Loc = document.getElementById('item_pages');
	for(var i=0;i<pages;i++){
		if(rk_page()==(i+1)){
			txt+= "<a href='?pg="+(i+1)+"' style='color:#fff'><u>"+(i+1)+"</u></a>&nbsp;";
			continue;
		}
		txt += "<a href='?pg="+(i+1)+"' style='color:#fff'>"+(i+1)+"</a>&nbsp;";
	}
	if(pages>1) txt += "&nbsp;|&nbsp;<a href='?pg=viewall' style='color:#fff'>View All</a>&nbsp;";
	Loc.innerHTML = "Pages: "+txt;
}
function rk_escapeString(s) {
	var eChars = ["\\", "'", '"'];
	var lasti = eChars.length;
	for (var i = 0; i < lasti; i++) {
		var sArray = s.split(eChars[i]);
		var lastj = sArray.length;
		s = '';
		for (var j = 0; j < lastj; j++) {
			s += sArray[j] + '\\' + eChars[i];
		}
	}
	var last = s.length - 2*eChars.length;
	return s.substring(0, last);
}
function rk_prettyString(str){
	return str.replace(/(-|_)/ig, ' ');	
}
function rk_sort(sArray){
	return sArray.sort();
}
function rk_show(Img_array){
		//Add Larger automatically to description box//
		//View All
		Img_array = rk_sort(Img_array);
		var pages = Math.ceil(Img_array.length/Limit);
		var page = (rk_page()!=0?rk_page():1);
		var Loc = document.getElementById('item_list');
		var currLimit = page!='viewall'?Limit:Img_array.length;
		var HTML_txt = '';
		rk_pageLinks(pages);
		
		for(var b=0; b<currLimit;b++){
			var l = page!='viewall'?Limit*page-Limit+b:b;
			if(Img_array[l]!=null){
				var desc = Img_array[l][2];
				if((b%4)==0)HTML_txt += "<br/>";
				var lg = Img_array[l][0].split(".")[0]+"_lg."+Img_array[l][0].split(".")[1];
				var sm = Img_array[l][0].split(".")[0]+"_sm."+Img_array[l][0].split(".")[1]; 
				HTML_txt += "<div id='product_"+l+"' style='width:170px;padding-bottom:10px;display:inline-block;text-align:center;'><a href=\"javascript:JS_POPUP('"+"<img src="+lg+" alt="+Img_array[l][1]+" />"+"<br/>RokokoArt &copy;"+rk_quietcurrYear()+"','"+rk_escapeString(desc)+"','product_"+l+"','"+rk_prettyString(Img_array[l][1])+"')\"><img src='"+sm+"' alt='"+Img_array[l][1]+"' /><br/>"+rk_prettyString(Img_array[l][1])+"</a></div>";
			}
			
		}
		if(page=='viewall')
			HTML_txt+="<br/><div align='center'><a href='#'>Top &uarr;</a></div>";
		Loc.innerHTML = HTML_txt;
		
}

function rk_grow(Img_array){
		var page = (rk_page()!=0?rk_page():1);
		var Loc = document.getElementById('item_list');
		var HTML_txt = '';
		
		for(var b=0; b<Img_array.length;b++){
			l=b;
			if(Img_array[l]!=null){
				var desc = Img_array[l][2];
				if((b%4)==0)HTML_txt += "<br/>";
				var lg = Img_array[l][0].split(".")[0]+"_lg."+Img_array[l][0].split(".")[1];
				var sm = Img_array[l][0].split(".")[0]+"_sm."+Img_array[l][0].split(".")[1]; 
				HTML_txt += "<div id='product_"+l+"' style='width:170px;padding-bottom:10px;display:inline-block;text-align:center;'><a href=\"javascript:JS_POPUP('"+"<img src="+lg+" alt="+Img_array[l][1]+" />"+"<br/>RokokoArt &copy;"+rk_quietcurrYear()+"','"+rk_escapeString(desc)+"','product_"+l+"','"+rk_prettyString(Img_array[l][1])+"')\"><img src='"+sm+"' alt='"+Img_array[l][1]+"' /><br/>"+rk_prettyString(Img_array[l][1])+"</a></div>";
			}
			
		}
		Loc.innerHTML = HTML_txt;
		
}
function rk_autoslide(speed,length,restart){
	if(rk_slide_on){
		if(restart==1){
			for(var b=0;b<length;b++){
				var did = document.getElementById('slideitem_'+b);
				rk_setStyle(did,"top:"+(150*b)+"px;");
			}	
		}
		for(var i=0;i<length;i++){
			var did = document.getElementById('slideitem_'+i);
			if(rk_slide_up){
				rk_setStyle(did,"top:"+(parseInt(rk_getStyle(did,'top').replace('px',''))-speed)+"px;");
			}else{
				rk_setStyle(did,"top:"+(parseInt(rk_getStyle(did,'top').replace('px',''))+speed)+"px;");
			}
		}
		var fid = document.getElementById('slideitem_'+0);
		var lid = document.getElementById('slideitem_'+(length-1));
		
		if(rk_getStyle(lid,'top').replace('px','')==600 && rk_slide_up==true){
			rk_slide_up = false;
		}else
		if(rk_getStyle(fid,'top').replace('px','')==0 && rk_slide_up==false){
			rk_slide_up = true;	
		}
		setTimeout("rk_autoslide("+(speed)+","+(length)+",0)",10+speed);
	}else{
		setTimeout("rk_autoslide("+(speed)+","+(length)+",0)",10+speed);		
	}
}
function rk_sliders(list,div){
		var optHTML = "<div class=\"rk_slider\" id=\"rk_slider\">";
		for(var b=0;b<list.length;b++){
			var sm = list[b][0].split(".")[0]+"_sm."+list[b][0].split(".")[1]; 
			var name = rk_prettyString(list[b][1]);
			optHTML += "<div class=\"item\" id=\"slideitem_"+b+"\" style=\"text-align:center;position:absolute;top:"+(150*b+(10*b))+"px;\" onmouseover=\"javascript:rk_slide_on=false;\" onmouseout=\"javascript:rk_slide_on=true;\"><a href=\"#\"><img src=\""+sm+"\" height=\"150px\" alt=\""+sm+"\"/></a></div>";
		}
		optHTML += "</div>";
	document.getElementById(div).innerHTML = optHTML;
	setTimeout("rk_autoslide("+(1)+","+list.length+")",200);
}
function sproutlist(list_array){
    var pages = Math.ceil(list_array.length/Limit);
	var page = (rk_page()!=0?rk_page():1);
	var sel = (_GET("vol")!=0?_GET("vol"):null);
	var area = document.getElementById('item_list');
	var currLimit = (page!='viewall'?Limit:list_array.length);
	var optHTML = "";
	if(sel==null){
		rk_pageLinks(pages);
		//list volumes
		optHTML += "<table><tr>";
		for(var b=0;b<currLimit;b++){
			i=(page!='viewall'?Limit*page-Limit+b:b);
			if(list_array[i]!=null){
			var name_ = list_array[i][0].split(".")[0].split("_");
			if((i%4)==0) optHTML+="</tr><tr>";
			optHTML += "<td><a href=\"sprout.html?pg="+(page)+"&vol="+(i+1)+"\"><img src=\""+list_array[i][0].split(".")[0]+"_sm."+list_array[i][0].split(".")[1]+"\"/><br/>Vol:"+name_[1]+" Page:"+name_[3]+"</a></td>";
			}
		}
		optHTML += "</tr></table>";
		
	}else{
		//list pages	
		optHTML += "<div><a href='?pg="+page+"'>Go Back</a></div> ";
		optHTML += "<table><tr>";
		
		for(var i=0;i<list_array[sel-1].length;i++){
			var name_ = list_array[sel-1][i].split(".")[0].split("_");
			if((i%4)==0) optHTML += "</tr><tr>";
			optHTML += "<td><a href=\""+list_array[sel-1][i].split(".")[0]+"_lg."+list_array[sel-1][i].split(".")[1]+"\"><img src=\""+list_array[sel-1][i].split(".")[0]+"_sm."+list_array[sel-1][i].split(".")[1]+"\"/><br/>Vol:"+name_[1]+" Page:"+name_[3]+"</a></td>";
		}
		optHTML += "</tr></table>";
		
	}
	area.innerHTML = optHTML;
}
function setOpacity(obj, opacity) {
  		opacity = (opacity == 100)?99.999:opacity;
  		obj.style.filter = "alpha(opacity:"+opacity+")";
  		obj.style.KHTMLOpacity = opacity/100;
  		obj.style.MozOpacity = opacity/100;
  		obj.style.opacity = opacity/100;
	}
function JS_DARKEN(IO,S){
		var loc = document.getElementById(S);
		if(IO){
			loc.setAttribute('class',CSS_DARKEN);
			loc.setAttribute('className',CSS_DARKEN);
		}else{
			//loc.innerHTML = '&nbsp;';
			loc.setAttribute('class','#');
			loc.setAttribute('className','#');
		}
}
function JS_POPUP(str,desc,id,product_name){
		DIV_ID = id;
		JS_DARKEN(1,'dark');
		INSIDE_HTML = document.getElementById(id).innerHTML;
		var win_opt = '<div class="'+CSS_POPUP+'"  style="border:solid 1px #fff;"><div id="cal_header" style="width:100%"><div style="float:left;padding-left:20px;overflow:hidden;padding-bottom:2px;text-align:left;color:#0000000;display:inline;width:90%;">'+product_name+' | '+desc+'</div><div style="text-align:right;padding-bottom:2px;display:inline;"><img src="images/utils/close_bn.png" width="24px" onclick="javascript:JS_CPOPUP();" style="cursor:pointer;display:inline;" alt="close window"/></div></div><div>'+str+'</div></div>';
		document.getElementById(DIV_ID).innerHTML = INSIDE_HTML + win_opt;
}
function JS_CPOPUP(){
		JS_DARKEN(0,'dark');
		document.getElementById(DIV_ID).innerHTML = INSIDE_HTML;
}