/*!
 * jQuery Drag Expose | Draggable Images Slider Javascript Plugin v1.5
 * Copyright © 2010-2011, Alessio Caporale
 * Twitter: @Alex_Workshop
 * E-mail: ale887it@hotmail.it
 * The plugin is NOT freeware, the license to use it is sold only at http://codecanyon.net/
 * Further information on how to buy it can be found at http://codecanyon.net/user/AlexBay
 * Includes jquery-1.4.4.js http://jquery.com/
 * Includes jquery-ui-1.8.7.js http://docs.jquery.com/UI
 * Includes jquery.easing.1.3.js http://gsgd.co.uk/sandbox/jquery/easing/
 */
var farOpac=0.8;var xmlDoc=null,xmlHttp,exposePage=false,index,autoCount,pauseB,forwardB,backwardB,imgTop,initPos,contTop,dragDelay,hideDelay,zoomHeight,zoomLeft,dragEls,loadEls,centralObj,firstId,lastId,firstElem,lastElem,magnified=false,anim=false,pressB=0,currLeft,currRight,centralGlobal=[],toolGlobal=[],originals;var images,imageLen,centralobj,random,xmlWidth,centralWidth,exposeCenter,xmlHeight,centralHeight,centralPos,leftPos,rightPos,vAlign,tooltip,startslide,autoslide,slidearrows,timeout,cursor,zoomWidth,cssStyle,rotationSpeed,zoomSpeed;function getXML(a){if(!a){alert("No configuration File Selected...");return}if(window.XMLHttpRequest){xmlHttp=new XMLHttpRequest()}else{if(Web.Application.get_type()==Web.ApplicationType.InternetExplorer){xmlHttp=MSXMLselect()}}if(xmlHttp!=null){xmlHttp.onreadystatechange=stateChange;xmlHttp.open("GET",a,true);xmlHttp.send(null)}}function MSXMLselect(){var a=['MSXML2.XMLHTTP.6.0','MSXML2.XMLHTTP.3.0'];for(var i=0,length=a.length;i<length;i++){try{var b=new ActiveXObject(a[i]);return b}catch(e){}}return null}function stateChange(){if(xmlHttp.readyState==4){xmlDoc=xmlHttp.responseXML;if(xmlDoc==null){xmlDoc=xmlHttp.responseText;if(xmlDoc==null){console.log("Expose Configuration File Not Found...");return}var a=new DOMParser();xmlDoc=a.parseFromString(xmlDoc,"text/xml")}if(exposePage){XMLGetNodes();if(document.getElementById("ExposeInner")!=null){fillExpose()}ConfigInit()}else{showAndEditUI()}}}function getLastId(){var i=1;var a="#expose-img-"+i;while($(a).hasClass("expose-drag")){i++;a="#expose-img-"+i}return i-1}function getOriginalSize(){var a=[];for(var i=1,length=dragEls.length;i<=length;i++){var b="#expose-img-"+i;b=$(b);var c=b.width();var d=b.height();a.push(eval(d/c))}return a}function initExpose(){dragEls.css({'width':xmlWidth,'height':xmlHeight,'opacity':'0'});loadEls=$(".expose-loading");loadEls.fadeTo("slow",farOpac).toggleClass("expose-loading");pauseB.fadeTo("slow",farOpac);if(slidearrows!="false"){forwardB.fadeTo("slow",farOpac);backwardB.fadeTo("slow",farOpac)}centralObj.animate({width:centralWidth,height:centralHeight,left:centralPos,top:'6px',opacity:'1'},750,'easeInExpo');contTop=$("#ExposeInner").position().top;setTimeout(function(){$("#ExposeLoading").fadeOut();var a=$("#ExposeError");if(a.is(":visible")){a.fadeOut()}},1000);setTimeout(function(){zoomLeft=(zoomWidth-centralWidth)/2;zoomLeft="-="+zoomLeft+"px";centralObj.draggable({disabled:false})},1300);autoCount=1;if(startslide!="false"){setTimeout(function(){if(autoCount==1){exposeRotate($(".centralobj"),"left");pressB++;setTimeout("pressB--",1500/rotationSpeed)}autoCount--},(autoslide*1000))}}function exposeRotate(d,e){d.draggable("option","disabled",true).unbind('mouseenter mouseleave').css('cursor','auto');anim=true;var f;if(!e){f=d.position().left}var g=d[0].id;g=g.substring(11);centralGlobal.push(d);var h="#expose-tooltip-"+g;h=$(h);if(h.is(":visible")){h.animate({top:'-10px',opacity:'0'},1000/rotationSpeed);toolGlobal.push(h);setTimeout(function(){if(toolGlobal.length!=0){toolGlobal[0].hide();toolGlobal.shift()}},1100/rotationSpeed)}g=eval(g);if(random!="true"){currLeft=g-1;currRight=g+1}var i,rightId=("#expose-img-"+currRight),leftId=("#expose-img-"+currLeft),hiddenLeftId;if(random=="true"){var j=Math.floor(Math.random()*(imageLen+1));while(j==0||j==currLeft||j==g||j==currRight||j>imageLen){j=Math.floor(Math.random()*(imageLen+1))}if(e=="left"||f<initPos){i=("#expose-img-"+j);currRight=j;hiddenLeftId=("#expose-img-"+(g-2));currLeft=g}else{i=("#expose-img-"+(g+2));currRight=g;hiddenLeftId=("#expose-img-"+j);currLeft=j}}else{i=("#expose-img-"+(g+2));hiddenLeftId=("#expose-img-"+(g-2))}i=$(i);rightId=$(rightId);leftId=$(leftId);hiddenLeftId=$(hiddenLeftId);if(random!="true"){if(!hiddenLeftId.hasClass("expose-drag")){if(d[0]==firstElem[0]){hiddenLeftId="#expose-img-"+(lastId-1);hiddenLeftId=$(hiddenLeftId);leftId=lastElem}else{hiddenLeftId=lastElem}}if(!i.hasClass("expose-drag")){if(d[0]==lastElem[0]){i="#expose-img-"+(firstId+1);i=$(i);rightId=firstElem}else{i=firstElem}}}if(e=="left"||f<initPos){var k=i.position();if(k.left!=rightPos){i.animate({left:(rightPos+35)},1)}hiddenLeftId.css('z-index','-2');leftId.css('z-index','0');hideDelay=leftId;leftId.animate({left:(leftPos-35),opacity:'0'},1000/rotationSpeed);d.css('z-index','2').animate({width:xmlWidth,height:xmlHeight,left:leftPos,top:imgTop,opacity:farOpac},2000/rotationSpeed,'easeOutQuad');rightId.stop().css('opacity','1').animate({width:centralWidth,height:centralHeight,left:centralPos,top:'6px'},2000/rotationSpeed,'easeInQuad').css('z-index','1');dragDelay=rightId;i.css('z-index','0').show().animate({left:rightPos,opacity:farOpac},1000/rotationSpeed)}else{var l=hiddenLeftId.position();if(l.left!=leftPos){hiddenLeftId.animate({left:(leftPos-35)},1)}i.css('z-index','-2');rightId.css('z-index','0');hideDelay=rightId;rightId.animate({left:(rightPos+35),opacity:'0'},1000/rotationSpeed);d.css('z-index','2').animate({width:xmlWidth,height:xmlHeight,left:rightPos,top:imgTop,opacity:farOpac},2000/rotationSpeed,'easeOutQuad');leftId.stop().css('opacity','1');leftId.animate({width:centralWidth,height:centralHeight,left:centralPos,top:'6px'},2000/rotationSpeed,'easeInQuad');leftId.css('z-index','1');dragDelay=leftId;hiddenLeftId.css('z-index','0').show().animate({left:leftPos,opacity:farOpac},1000/rotationSpeed)}dragDelay.hover(function(){var a=$(this);if(tooltip!="false"){var b=a[0].id;b=b.substring(11);var c="#expose-tooltip-"+b;c=$(c);if(!c.is(":visible")){c.show();c.animate({top:'15px',opacity:farOpac},1000/rotationSpeed)}}a.css('cursor',cursor)},function(){$(this).css('cursor','auto')});setTimeout(function(){dragDelay.css('z-index','3');dragDelay.toggleClass("centralobj");hideDelay.css('z-index','-1')},500/rotationSpeed);setTimeout(function(){dragDelay.draggable('option','disabled',false)},900/rotationSpeed);setTimeout(function(){if(centralGlobal.length!=0){centralGlobal[0].toggleClass("centralobj");centralGlobal.shift()}},1500/rotationSpeed);setTimeout("anim = false",1800/rotationSpeed);autoCount++;setTimeout(function(){if(autoCount==1){exposeRotate($(".centralobj"),"left");pressB++;setTimeout("pressB--",1500/rotationSpeed)}autoCount--},(autoslide*1000))}function ExposeConfigure(a){exposePage=true;getXML(a)}function XMLGetNodes(){images=xmlDoc.getElementsByTagName("images");centralobj=images[0].getElementsByTagName("central")[0].childNodes[0];if(!centralobj){centralobj=1}else{if(isNaN(centralobj.nodeValue)){centralobj=1}else{centralobj=eval(centralobj.nodeValue)}}random=images[0].getElementsByTagName("random")[0].childNodes[0];if(!random){random="false"}else{random=random.nodeValue}xmlWidth=images[0].getElementsByTagName("width")[0].childNodes[0];if(!xmlWidth){xmlWidth=30}else{if(isNaN(xmlWidth.nodeValue)||eval(xmlWidth.nodeValue)<30){xmlWidth=30}else{xmlWidth=eval(xmlWidth.nodeValue)}}centralWidth=xmlWidth+(xmlWidth-(xmlWidth/5));centralPos=(xmlWidth-5);leftPos=-30;rightPos=(xmlWidth*2)+(centralWidth-xmlWidth)+20;exposeCenter=(centralPos+(centralWidth/2));xmlHeight=images[0].getElementsByTagName("height")[0].childNodes[0];if(!xmlHeight){xmlHeight=30}else{if(isNaN(xmlHeight.nodeValue)||eval(xmlHeight.nodeValue)<30){xmlHeight=30}else{xmlHeight=eval(xmlHeight.nodeValue)}}centralHeight=xmlHeight+(xmlHeight-(xmlHeight/5));vAlign=xmlDoc.getElementsByTagName("align")[0].childNodes[0];if(!vAlign){vAlign="top"}else{vAlign=vAlign.nodeValue;if(vAlign!="top"&&vAlign!="center"&&vAlign!="bottom"){vAlign="top"}}if(vAlign=="top"){imgTop=6}if(vAlign=="center"){imgTop=((centralHeight-xmlHeight)/2)+6}if(vAlign=="bottom"){imgTop=(centralHeight-xmlHeight)+6}tooltip=xmlDoc.getElementsByTagName("tooltip")[0].childNodes[0];if(!tooltip){tooltip="true"}else{tooltip=tooltip.nodeValue}startslide=xmlDoc.getElementsByTagName("startslide")[0].childNodes[0];if(!startslide){startslide="true"}else{startslide=startslide.nodeValue}slidearrows=xmlDoc.getElementsByTagName("slidearrows")[0].childNodes[0];if(!slidearrows){slidearrows="false"}else{slidearrows=slidearrows.nodeValue}timeout=xmlDoc.getElementsByTagName("timeout")[0].childNodes[0];if(!timeout){timeout=0}else{if(isNaN(timeout.nodeValue)||eval(timeout.nodeValue)<0){timeout=0}else{timeout=eval(timeout.nodeValue)}}cursor=xmlDoc.getElementsByTagName("cursor")[0].childNodes[0];if(!cursor){cursor="move"}else{cursor=cursor.nodeValue}zoomWidth=xmlDoc.getElementsByTagName("zoom")[0].childNodes[0];if(!zoomWidth){zoomWidth=1}else{if(isNaN(zoomWidth.nodeValue)||eval(zoomWidth.nodeValue)<1){zoomWidth=1}else{zoomWidth=eval(zoomWidth.nodeValue)}}cssStyle=xmlDoc.getElementsByTagName("style")[0].childNodes[0];if(!cssStyle){cssStyle=1}else{if(isNaN(cssStyle.nodeValue)||eval(cssStyle.nodeValue)<1){cssStyle=1}else{cssStyle=eval(cssStyle.nodeValue)}}rotationSpeed=xmlDoc.getElementsByTagName("rotatespeed")[0].childNodes[0];if(!rotationSpeed){rotationSpeed=1}else{if(isNaN(rotationSpeed.nodeValue)||eval(rotationSpeed.nodeValue)<1){rotationSpeed=1}else{rotationSpeed=eval(rotationSpeed.nodeValue)}}if(rotationSpeed>5){rotationSpeed=5}zoomSpeed=xmlDoc.getElementsByTagName("zoomspeed")[0].childNodes[0];if(!zoomSpeed){zoomSpeed=1}else{if(isNaN(zoomSpeed.nodeValue)||eval(zoomSpeed.nodeValue)<1){zoomSpeed=1}else{zoomSpeed=eval(zoomSpeed.nodeValue)}}if(zoomSpeed>5){zoomSpeed=5}autoslide=xmlDoc.getElementsByTagName("autoslide")[0].childNodes[0];if(!autoslide){autoslide=(2/rotationSpeed)}else{if(isNaN(autoslide.nodeValue)||eval(autoslide.nodeValue)<(2/rotationSpeed)){autoslide=(2/rotationSpeed)}else{autoslide=eval(autoslide.nodeValue)}}}function ConfigInit(){$(document).ready(function(){var k;if(startslide!="false"){k=false}else{k=true}firstId=1;lastId=getLastId();firstElem=("#expose-img-"+firstId);lastElem=("#expose-img-"+lastId);var l=("#expose-img-"+(lastId-1));firstElem=$(firstElem);lastElem=$(lastElem);l=$(l);var m="expose-style_"+cssStyle+" expose-buttonS_"+cssStyle;dragEls=$(".expose-drag");centralObj=$(".centralobj");pauseB=$("#ExposePause");pauseB.toggleClass(m);if(slidearrows!="false"){forwardB=$("#ExposeForward");forwardB.toggleClass(m);backwardB=$("#ExposeBackward");backwardB.toggleClass(m)}$(".expose-tooltip").toggleClass("expose-style_"+cssStyle);var n=centralObj[0].id;n=eval(n.substring(11));var o="#expose-img-"+(n-1);currLeft=n-1;o=$(o);if(!o.hasClass("expose-drag")){o=$(lastElem);currLeft=imageLen;o.animate({left:leftPos},1)}var p="#expose-img-"+(n+1);currRight=n+1;p=$(p);if(!p.hasClass("expose-drag")){p=$(firstElem);currRight=1;p.animate({left:rightPos},1)}centralObj.toggleClass("expose-loading");o.toggleClass("expose-loading");p.toggleClass("expose-loading");var q=0;setTimeout(function(){if(q!=-1){$("#ExposeError").fadeTo("slow",0.8)}},(timeout*1000));if(lastElem[0].complete||lastElem[0].readyState=="complete"||l[0].complete||l[0].readyState=="complete"){originals=getOriginalSize();initExpose();q=-1}else{if(!$.browser.opera){dragEls.load(function(){q++;if(q==dragEls.length){originals=getOriginalSize();initExpose();q=-1}})}else{$(window).load(function(){originals=getOriginalSize();initExpose();q=-1})}}centralObj.hover(function(){var a=$(this);if(tooltip!="false"){var b=a[0].id;b=b.substring(11);var c="#expose-tooltip-"+b;c=$(c);if(!c.is(":visible")){c.show().animate({top:'15px',opacity:farOpac},1000/rotationSpeed)}}a.css('cursor',cursor)},function(){$(this).css('cursor','auto')});pauseB.click(function(){if(k){k=false;this.innerHTML="<img src=\"buttons/pause.png\" alt=\"Pause\" />";setTimeout(function(){if(autoCount==1){exposeRotate($(".centralobj"),"left");pressB++;setTimeout("pressB--",1500/rotationSpeed)}autoCount--},(autoslide*1000))}else{autoCount++;k=true;this.innerHTML="<img src=\"buttons/play.png\" alt=\"Play\" />"}});if(slidearrows!="false"){forwardB.click(function(){if(pressB==0){pressB++;exposeRotate($(".centralobj"),"left");setTimeout("pressB--",1500/rotationSpeed)}});backwardB.click(function(){if(pressB==0){pressB++;exposeRotate($(".centralobj"),"right");setTimeout("pressB--",1500/rotationSpeed)}})}dragEls.draggable({axis:'x',disabled:true,containment:'parent',start:function(a,b){autoCount++;var c=$(this);initPos=c.position().left;c.stop().unbind('mouseenter mouseleave');var d=c[0].id;d=d.substring(11);var e="#expose-tooltip-"+d;e=$(e);e.stop().animate({top:'-10px',opacity:'0'},1000/rotationSpeed);toolGlobal.push(e);setTimeout(function(){if(toolGlobal.length!=0){toolGlobal[0].hide();toolGlobal.shift()}},1100/rotationSpeed)},stop:function(a,b){autoCount--;exposeRotate($(this));pressB++;setTimeout("pressB--",1500/rotationSpeed)}});dragEls.click(function(){var d=$(this);if(d.hasClass("centralobj")){if(!d.hasClass("expose-redirect")){if(!anim){anim=true;if(!magnified){autoCount++;magnified=true;d.unbind('mouseenter mouseleave').css('cursor','pointer');pauseB.css("z-index","-1");if(slidearrows!="false"){forwardB.css("z-index","-1");backwardB.css("z-index","-1")}var e=d[0].id;e=eval(e.substring(11));zoomHeight=(zoomWidth*originals[e-1]);var f=zoomWidth+"px";var g;if(vAlign=="top"){g=0}if(vAlign=="center"){g=(zoomHeight-centralHeight)/2}if(vAlign=="bottom"){g=zoomHeight-centralHeight}if((contTop-g)<0){g=contTop}g="-="+g+"px";zoomHeight+="px";if(tooltip!="false"){var h="#expose-tooltip-"+e;h=$(h);var i=h.text().length-2;i=(exposeCenter-(5*i))+"px";h.animate({left:i,top:g},2000/zoomSpeed,'easeInBack')}d.hover(function(){$(this).css('cursor','pointer')},function(){$(this).css('cursor','auto')});d.draggable("option","disabled",true).animate({width:f,height:zoomHeight,left:zoomLeft,top:g},2000/zoomSpeed,'easeInBack')}else{magnified=false;d.unbind('mouseenter mouseleave').css('cursor',cursor);var e=d[0].id;e=e.substring(11);if(tooltip!="false"){var h="#expose-tooltip-"+e;$(h).animate({left:(centralPos+9),top:'15px'},1500/zoomSpeed,'easeInBack')}d.hover(function(){var a=$(this);if(tooltip!="false"){var b=a[0].id;b=b.substring(11);var c="#expose-tooltip-"+b;c=$(c);if(!c.is(":visible")){c.show().animate({top:'15px',opacity:farOpac},1000/rotationSpeed)}}a.css('cursor',cursor)},function(){$(this).css('cursor','auto')});d.animate({width:centralWidth,height:centralHeight,left:centralPos,top:'6px'},2000/zoomSpeed,'easeOutBack');setTimeout(function(){$(".centralobj").draggable('option','disabled',false);pauseB.css("z-index","5");if(slidearrows!="false"){forwardB.css("z-index","5");backwardB.css("z-index","5")}},2000/zoomSpeed);setTimeout(function(){if(autoCount==1){exposeRotate($(".centralobj"),"left");pressB++;setTimeout("pressB--",1500/rotationSpeed)}autoCount--},(autoslide*1000))}setTimeout("anim = false",2000/zoomSpeed)}else{if(magnified){d.stop();var j=d[0].id;j=j.substring(11);if(tooltip!="false"){var h="#expose-tooltip-"+j;$(h).stop()}anim=false}}}else open(d[0].longDesc)}else{return false}})})}function ExposeGenerator(a,b){if(document.getElementById("ExposeInner")!=null){alert("Expose cannot be run multiple times in the same page!");return}if(!a){a=30}else{a+=30}if(a<30){a=30}if(!b||b<0){b=0}document.write("<div id=\"ExposeInner\" style=\"left:"+a+"px; top:"+b+"px;\" ></div>");if(xmlDoc){fillExpose()}}function fillExpose(){var a=images[0].getElementsByTagName("image");imageLen=a.length;if(imageLen<4){alert("Expose needs at least four images to run!");return}if(centralobj<1){centralobj=1}if(centralobj>imageLen){centralobj=imageLen}var b=-30,centralZoomed=(xmlWidth-5),buttonImage,buttonCache;var c=(xmlWidth-(xmlWidth/5));var d=centralZoomed+((xmlWidth+c)/2);var e=(d-(xmlWidth/2)),rightPos=((xmlWidth*2)+c+20);if(startslide!="false"){buttonImage="pause";buttonCache="play"}else{buttonImage="play";buttonCache="pause"}var f=document.getElementById("ExposeInner");$(f).css("width",(rightPos+100));var g="<div id=\"ExposeLoading\" class=\"expose-tooltip\" ";g+="style=\"left:"+(d-45)+"px; opacity:0.8;\" >Loading...</div>";g+="<div id=\"ExposeError\" class=\"expose-tooltip\" style=\"left:"+(d-110)+"px;\" >";g+="The process is taking too long...<br />Try to refresh the page...</div>";for(var i=0,length=imageLen;i<length;i++){var h=a[i].getElementsByTagName("url")[0].childNodes[0];if(!h){h="http://s3.envato.com/files/1335986/envato-avatar.jpg"}else{h=h.nodeValue}var j=a[i].getElementsByTagName("name")[0].childNodes[0];if(!j){j="Untitled"}else{j=j.nodeValue}var k=a[i].getElementsByTagName("redirect")[0].childNodes[0];if(!k){k="none"}else{k=k.nodeValue}g+="<img id=\"expose-img-"+eval(i+1)+"\" src=\""+h+"\" ";if(eval(i+1)!=centralobj){g+="class=\"expose-drag "}else{g+="class=\"expose-drag centralobj "}if(k!="none"){g+="expose-redirect\" longdesc='"+k+"' "}else{g+="\" "}g+="style=\"position:absolute; display:none; ";if(eval(i+1)<eval(centralobj-1)){g+="left:"+(b-35)+"px;"}if(eval(i+1)==eval(centralobj-1)){g+="left:"+b+"px;"}if(eval(i+1)>eval(centralobj+1)){g+="left:"+(rightPos+35)+"px;"}if(eval(i+1)==eval(centralobj+1)){g+="left:"+rightPos+"px;"}if(eval(i+1)==centralobj){g+="left:"+e+"px;"}if(vAlign=="top"){g+=" top: 6px;"}if(vAlign=="bottom"){g+=" top:"+((centralHeight-xmlHeight)+6)+"px;"}if(vAlign=="center"){g+=" top:"+(((centralHeight-xmlHeight)/2)+6)+"px;"}g+="\" alt=\""+j+"\" />";if(tooltip!="false"){g+="<div id=\"expose-tooltip-"+eval(i+1)+"\" class=\"expose-tooltip\" ";g+="style=\"left:"+(centralZoomed+9)+"px;\"> "+j+" </div>"}}g+="<div id=\"ExposePause\" class=\"expose-button\" style=\"left:"+(d-25)+"px;";g+="top:"+(centralHeight+25)+"px;\"><img src=\"buttons/"+buttonImage+".png\" alt=\""+buttonImage+"\" /></div>";if(slidearrows!="false"){g+="<div id=\"ExposeForward\" class=\"expose-button\" style=\"left:"+(d+34)+"px;";g+="top:"+(centralHeight+25)+"px;\"><img src=\"buttons/forward.png\" alt=\"Forward\" /></div>";g+="<div id=\"ExposeBackward\" class=\"expose-button\" style=\"left:"+(d-100)+"px;";g+="top:"+(centralHeight+25)+"px;\"><img src=\"buttons/backward.png\" alt=\"Backward\" /></div>"}g+="<img src=\"buttons/"+buttonCache+".png\" class=\"cache-image\" alt=\""+buttonCache+"\" />";f.innerHTML=g}function showAndEditUI(){var a="<div id=\"genForm\"><font class=\"pageHead\">Expose XML Generator</font><br />";a+="<br /><font class=\"subHead\">Modify any value, according to your preferences, then press the \"Generate!\" button.<br />";a+="Copy all the text appeared in the box below to your XML Configuration file, deleting any previous text in it.<br /><br />&nbsp;";a+="NOTE. If you prefer an image to zoom when clicked leave the \"redirect\" field blank, otherwise write a link to another page. ";a+="Leaving the \"URL\" field empty will remove the image.</font><br />";a+="<br /><div class=\"inputBox\"><div class=\"headerDiv\"><font class=\"inputHead\">SET YOUR IMAGES</font></div><br />";var b=xmlDoc.getElementsByTagName("images");var c=b[0].getElementsByTagName("image");a+="<font class=\"inputHead col2\">URL</font><font class=\"description col2\">(image file path)</font>";a+="<font class=\"inputHead col3\">NAME</font><font class=\"description col3\">&nbsp;&nbsp;&nbsp;(text for tooltips)</font>";a+="<font class=\"inputHead col4\">REDIRECT</font><font class=\"description col4\">";a+="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(link to another page)</font><br /><div id=\"images\">";var d=c.length;for(index=0;index<d;index++){var e=c[index].getElementsByTagName("url")[0].childNodes[0].nodeValue;var f=c[index].getElementsByTagName("name")[0].childNodes[0].nodeValue;var g=c[index].getElementsByTagName("redirect")[0].childNodes[0].nodeValue;if(g=="none"){g=""}a+="<font class=\"inputHead col1\">"+(index+1)+".</font>";a+="<input type=\"text\" class=\"inputText col2\" name=\"url\" value=\""+e+"\"></input>";a+="<input type=\"text\" class=\"inputText col3\" name=\"name\" value=\""+f+"\"></input>";a+="<input type=\"text\" class=\"inputText col4\" name=\"redirect\" value=\""+g+"\"></input><br /><br /><br/>"}a+="</div><div class=\"headerDiv\"><button name=\"add\" class=\"buttonStyle\" onClick=\"addImage();\">Add an Image</button></div><br />";a+="</div><br /><div class=\"inputBox\"><div class=\"headerDiv\"><font class=\"inputHead\">SET CENTRAL IMAGE</font></div>";var h=b[0].getElementsByTagName("central")[0].childNodes[0].nodeValue;a+="<div class=\"inputCont\"><input type=\"text\" class=\"inputText\" name=\"central\" size=\"4\" value=\""+h+"\"></input>";a+="<font class=\"description\">(write the n° of the image which should appear centered at the beginning)</font>";a+="</div></div><br /><div class=\"inputBox\"><div class=\"headerDiv\"><font class=\"inputHead\">RANDOM ORDER</font>";a+="<font class=\"description\">(decide for random or defined image sliding sequence)</font></div>";var i=xmlDoc.getElementsByTagName("random")[0].childNodes[0].nodeValue;a+="<div class=\"inputCont\"><input type=\"radio\" name=\"random\" value=\"1\" ";if(i!="false"){a+="checked=\"checked\""}a+="><font class=\"inputHead\">  Enabled</font></input>&nbsp;&nbsp;&nbsp;";a+="<input type=\"radio\" name=\"random\" value=\"0\" ";if(i=="false"){a+="checked=\"checked\""}a+="><font class=\"inputHead\">  Disabled</font></input></div>";a+="</div><br /><div class=\"inputBox\" style=\"height: 162px;\"><div class=\"headerDiv\"><font class=\"inputHead\">SET THUMBS SIZE";var j=b[0].getElementsByTagName("width")[0].childNodes[0].nodeValue;var k=b[0].getElementsByTagName("height")[0].childNodes[0].nodeValue;a+="</font></div><font class=\"inputHead col5\">WIDTH</font><div class=\"col6\"><input type=\"text\" class=\"inputText\" ";a+="name=\"width\" size=\"4\" value=\""+j+"\"></input> px</div><br /><br /><br />";a+="<font class=\"inputHead col5\">HEIGHT</font><div class=\"col6\"><input type=\"text\" class=\"inputText\" ";a+="name=\"height\" size=\"4\" value=\""+k+"\"></input> px</div>";a+="</div><br /><div class=\"inputBox\"><div class=\"headerDiv\"><font class=\"inputHead\">VERTICAL ALIGNMENT</font>";a+="<font class=\"description\">(the plugin animation method, relative to its vertical positioning)</font></div>";var l=xmlDoc.getElementsByTagName("align")[0].childNodes[0].nodeValue;a+="<div class=\"inputCont\"><select name=\"align\">";a+="<option value=\"top\" ";if(l=="top"){a+="selected=\"selected\""}a+=">Top</option>";a+="<option value=\"center\" ";if(l=="center"){a+="selected=\"selected\""}a+=">Center</option>";a+="<option value=\"bottom\" ";if(l=="bottom"){a+="selected=\"selected\""}a+=">Bottom</option>";a+="</select></div>";a+="</div><br /><div class=\"inputBox\"><div class=\"headerDiv\"><font class=\"inputHead\">TOOLTIPS</font>";a+="<font class=\"description\">(select your preference about using tooltips or not)</font></div>";var m=xmlDoc.getElementsByTagName("tooltip")[0].childNodes[0].nodeValue;a+="<div class=\"inputCont\"><input type=\"radio\" name=\"tooltip\" value=\"1\" ";if(m!="false"){a+="checked=\"checked\""}a+="><font class=\"inputHead\">  Enabled</font></input>&nbsp;&nbsp;&nbsp;";a+="<input type=\"radio\" name=\"tooltip\" value=\"0\" ";if(m=="false"){a+="checked=\"checked\""}a+="><font class=\"inputHead\">  Disabled</font></input></div>";a+="</div><br /><div class=\"inputBox\"><div class=\"headerDiv\"><font class=\"inputHead\">CURSOR TYPE</font>";a+="<font class=\"description\">(the shape of the cursor when passing over the central image)</font></div>";var n=xmlDoc.getElementsByTagName("cursor")[0].childNodes[0].nodeValue;a+="<div class=\"inputCont\"><select name=\"cursor\">";a+="<option value=\"move\" ";if(n=="move"){a+="selected=\"selected\""}a+=">Cross Arrows Move</option>";a+="<option value=\"e-resize\" ";if(n=="e-resize"){a+="selected=\"selected\""}a+=">Horizontal Arrow Move</option>";a+="<option value=\"crosshair\" ";if(n=="crosshair"){a+="selected=\"selected\""}a+=">Crosshair</option>";a+="<option value=\"pointer\" ";if(n=="pointer"){a+="selected=\"selected\""}a+=">Link Pointer</option>";a+="</select></div>";a+="</div><br /><div class=\"inputBox\"><div class=\"headerDiv\"><font class=\"inputHead\">START AUTO-SLIDE</font>";a+="<font class=\"description\">(select your preference about starting autoslide automatically or not)</font></div>";var o=xmlDoc.getElementsByTagName("startslide")[0].childNodes[0].nodeValue;a+="<div class=\"inputCont\"><input type=\"radio\" name=\"startslide\" value=\"1\" ";if(o!="false"){a+="checked=\"checked\""}a+="><font class=\"inputHead\">  Enabled</font></input>&nbsp;&nbsp;&nbsp;";a+="<input type=\"radio\" name=\"startslide\" value=\"0\" ";if(o=="false"){a+="checked=\"checked\""}a+="><font class=\"inputHead\">  Disabled</font></input></div>";a+="</div><br /><div class=\"inputBox\"><div class=\"headerDiv\"><font class=\"inputHead\">AUTO-SLIDE INTERVAL</font>";a+="<font class=\"description\">(the n° of seconds between any auto rotation of the plugin)</font></div>";var p=xmlDoc.getElementsByTagName("autoslide")[0].childNodes[0].nodeValue;a+="<div class=\"inputCont\"><input type=\"text\" class=\"inputText\" name=\"autoslide\" size=\"4\" value=\""+p+"\"></input> seconds";a+="</div></div><br /><div class=\"inputBox\"><div class=\"headerDiv\"><font class=\"inputHead\">SLIDE ARROWS</font>";a+="<font class=\"description\">(shows two arrow buttons to slide images with a simple click)</font></div>";var q=xmlDoc.getElementsByTagName("slidearrows")[0].childNodes[0].nodeValue;a+="<div class=\"inputCont\"><input type=\"radio\" name=\"slidearrows\" value=\"1\" ";if(q!="false"){a+="checked=\"checked\""}a+="><font class=\"inputHead\">  Enabled</font></input>&nbsp;&nbsp;&nbsp;";a+="<input type=\"radio\" name=\"slidearrows\" value=\"0\" ";if(q=="false"){a+="checked=\"checked\""}a+="><font class=\"inputHead\">  Disabled</font></input></div>";a+="</div><br /><div class=\"inputBox\"><div class=\"headerDiv\"><font class=\"inputHead\">STYLE</font>";a+="<font class=\"description\">(the n° of the preferred style)</font></div>";var r=xmlDoc.getElementsByTagName("style")[0].childNodes[0].nodeValue;a+="<div class=\"inputCont\"><input type=\"text\" class=\"inputText\" name=\"style\" size=\"2\" value=\""+r+"\"></input>";a+="</div></div><br /><div class=\"inputBox\"><div class=\"headerDiv\"><font class=\"inputHead\">LOADING TIMEOUT</font>";a+="<font class=\"description\">(the n° of seconds before an error message appears)</font></div>";var s=xmlDoc.getElementsByTagName("timeout")[0].childNodes[0].nodeValue;a+="<div class=\"inputCont\"><input type=\"text\" class=\"inputText\" name=\"timeout\" size=\"4\" value=\""+s+"\"></input> seconds";a+="</div></div><br /><div class=\"inputBox\"><div class=\"headerDiv\"><font class=\"inputHead\">ZOOM WIDTH</font>";a+="<font class=\"description\">(the width taken by the central image when clicked)</font></div>";var t=xmlDoc.getElementsByTagName("zoom")[0].childNodes[0].nodeValue;a+="<div class=\"inputCont\"><input type=\"text\" class=\"inputText\" name=\"zoom\" size=\"4\" value=\""+t+"\"></input> px";a+="</div></div><br /><div class=\"inputBox\" style=\"height: 162px;\"><div class=\"headerDiv\"><font class=\"inputHead\">SPEED</font>";a+="<font class=\"description\">(values between 1 and 5 for speed rate)</font></div>";var u=xmlDoc.getElementsByTagName("rotatespeed")[0].childNodes[0].nodeValue;var v=xmlDoc.getElementsByTagName("zoomspeed")[0].childNodes[0].nodeValue;a+="<font class=\"inputHead col5\">ROTATION</font><div class=\"col6\"><input type=\"text\" class=\"inputText\" ";a+="name=\"rotatespeed\" size=\"4\" value=\""+u+"\"></input>";a+="<font class=\"description\">(all motions associated with drag rotation)</font></div><br /><br /><br />";a+="<font class=\"inputHead col5\">ZOOM</font><div class=\"col6\"><input type=\"text\" class=\"inputText\" ";a+="name=\"zoomspeed\" size=\"4\" value=\""+v+"\"></input>";a+="<font class=\"description\">(all motions relative to zooming)</font></div>";a+="</div><div class=\"headerDiv\"><button name=\"generate\" class=\"buttonStyle\" onClick=\"XMLGen();\">GENERATE!</button></div><br />";a+="<br /><div class=\"inputBox\"><div class=\"headerDiv\"><font class=\"inputHead\">GENERATED XML CODE</font></div><br />";a+="<div class=\"inputCont\"><textarea id=\"xmlcode\" class=\"outputText footerText\" rows=\"20\" onClick=\"XMLSelect();\">";a+="The code to copy to your configuration file will appear here, after pressing \"Generate!\"</textarea></div>";a+="</div><br /><div style=\"text-align:right;\"><font class=\"footerText\">Copyright &copy; 2010-2011 - All rights reserved</font></div></div>";var w=document.getElementById("wrapper");w.innerHTML=a}function addImage(){var a=document.getElementById("images");var b=document.createElement("font");b.setAttribute("class","inputHead col1");var c=document.createTextNode((++index)+".");b.appendChild(c);var d=document.createElement("input");d.setAttribute("type","text");d.setAttribute("class","inputText col2");d.setAttribute("name","url");var e=document.createElement("input");e.setAttribute("type","text");e.setAttribute("class","inputText col3");e.setAttribute("name","name");var f=document.createElement("input");f.setAttribute("type","text");f.setAttribute("class","inputText col4");f.setAttribute("name","redirect");var g=document.createElement("br");var h=document.createElement("br");var i=document.createElement("br");a.appendChild(b);a.appendChild(d);a.appendChild(e);a.appendChild(f);a.appendChild(g);a.appendChild(h);a.appendChild(i)}function XMLGen(){var a=document.getElementById("xmlcode");var b="<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<config>";b+="\r\n\t<images>\r\n\t\t<central>";b+=document.getElementsByName("central")[0].value;b+="</central>\r\n\t\t<random>";b+=document.getElementsByName("random")[0].checked;b+="</random>\r\n\t\t<width>";b+=document.getElementsByName("width")[0].value;b+="</width>\r\n\t\t<height>";b+=document.getElementsByName("height")[0].value;b+="</height>";var c=document.getElementsByName("url");var d=document.getElementsByName("name");var e=document.getElementsByName("redirect");var f;var g;for(var i=0,length=c.length;i<length;i++){if(c[i].value!=""){b+="\r\n\t\t<image>\r\n\t\t\t<url>";b+=c[i].value;b+="</url>\r\n\t\t\t<name>";f=d[i].value;if(f==""){f="Untitled"}b+=f;b+="</name>\r\n\t\t\t<redirect>";g=e[i].value;if(g==""){g="none"}b+=g;b+="</redirect>\r\n\t\t</image>"}}b+="\r\n\t</images>\r\n\t<align>";b+=document.getElementsByName("align")[0].value;b+="</align>\r\n\t<tooltip>";b+=document.getElementsByName("tooltip")[0].checked;b+="</tooltip>\r\n\t<startslide>";b+=document.getElementsByName("startslide")[0].checked;b+="</startslide>\r\n\t<autoslide>";b+=document.getElementsByName("autoslide")[0].value;b+="</autoslide>\r\n\t<slidearrows>";b+=document.getElementsByName("slidearrows")[0].checked;b+="</slidearrows>\r\n\t<timeout>";b+=document.getElementsByName("timeout")[0].value;b+="</timeout>\r\n\t<cursor>";b+=document.getElementsByName("cursor")[0].value;b+="</cursor>\r\n\t<rotatespeed>";b+=document.getElementsByName("rotatespeed")[0].value;b+="</rotatespeed>\r\n\t<zoomspeed>";b+=document.getElementsByName("zoomspeed")[0].value;b+="</zoomspeed>\r\n\t<zoom>";b+=document.getElementsByName("zoom")[0].value;b+="</zoom>\r\n\t<style>";b+=document.getElementsByName("style")[0].value;b+="</style>\r\n</config>";a.value=b}function XMLSelect(){var a=document.getElementById("xmlcode");a.focus();a.select()}