//public (default)configuration attributes var IMAGES_NUM = 6 ; //the number of showed images var PRECAR_DX = 2 ; // the number of precharged images in the hidden right-box - minimum 2 (cause problem with explorer) var PRECAR_SX = 2; // the number of precharged images in the hidden left-box - minimum 2 (cause problem with explorer) var DEFAULT_DIR='left'; // The default autoplay direction - values 'left' or 'right' var IMGBOX_BORDER = 0; //Image Border, write only the number not include px (i.e. if 132px --> IMG_HEIGHT=132) var IMGBOX_WIDTH = parseInt(IMGBOX_BORDER + 100); //Image width, write only the number not include px (i.e. if 132px --> IMG_WIDTH=132) var IMGBOX_HEIGHT = 75; //Image Height, write only the number not include px (i.e. if 132px --> IMG_HEIGHT=132) var VETRINA_HEIGHT = 125; //Vetrina height, write only the number not include px (i.e. if 132px --> VETRINA_HEIGHT=65) var IMG_MARGIN = 8 ; //the margin between images var TRANS_TIME=2; //the transition time bettwen shifts, in seconds var STOP_TIME=4; //the stop time between two consecutive transitions, in seconds var FIRST_CHARGE_DELAY = 1; //seconds to wait before the vetrina become visible var NAME_FEATURED='images'; //the name of this window var INC_VAL = 20; //the shift increment value top speed transitions var aImages = new Array(); //contains all the images to be showed var img_num = 0; // the size of the array images var needed_shifts = parseInt(IMGBOX_WIDTH + IMG_MARGIN) ; //number of shifts in transition var first_index = 0; //the aImages index of the first image in the actual window var showed_images = new Array(); //the images showed in the actual window var pos=1; // the initial left absolute position of the window var shift=0; //the number of the actual shifts in the running transition var direction=DEFAULT_DIR; //the shift direction in transitions var movement; //the timer that regulate transition effects var delay=TRANS_TIME*1000; ////the transition time bettwen shifts, in milliseconds var stop_time=STOP_TIME*1000;//the stop time between two consecutive transitions, in milliseconds var stopped_flag=false; //true when the transition effect is stopped by mouseover on images var changing_dir=false; //true when we invert the window transition effect direction var block_size = IMAGES_NUM+PRECAR_SX+PRECAR_DX; //the ajax image loader block size var first_start = true; //false when the first_image_block was received var first_charge_delay = FIRST_CHARGE_DELAY*1000; //milliseconds to wait before the vetrina become visible var invert=false; //regulate the transition effect function move(side){ if ((shift==0)) img_num = aImages.length; if (shift==0){ changing_dir=false; } if ((shift==0)&&(side=='none')){ movement =setTimeout("move('direction')",0); }else if(shiftIMAGES_NUM) movement =setTimeout("move('"+direction+"')",stop_time); } } //restart the transition after a stop due to mouseover function restart(){ clearTimeout(movement); if (img_num>IMAGES_NUM){ stopped_flag=true; if (changing_dir==true) movement = setTimeout('move("none")',500); else movement = setTimeout('move(direction)',500); } } function slide(side){ clearTimeout(movement); if (direction!=side){ changing_dir=true; direction=side; if (shift!=0) { shift=needed_shifts-shift; side='none' } } setTimeout("move('"+side+"')",0) } function stopVetrina(){ clearTimeout(movement); } //make a right-shift function nextImages(){ slide('right'); } //make a left shift function prevImages(){ slide('left'); } //show the current images in the window function showImages(){ if (img_num>=0){ if (first_index<0) first_index=img_num+first_index; else first_index=(first_index)%img_num; //alert(IMAGES_NUM+' '+PRECAR_DX+' '+PRECAR_SX); for (i=0; i"+aImages[((first_index+i)%img_num)][4]+"
"+aImages[((first_index+i)%img_num)][1]+"
"; } html=""; for (i=0; iimg_num) $(NAME_FEATURED).style.left='-'+(needed_shifts*PRECAR_SX)+'px'; else $(NAME_FEATURED).style.left='0'; //alert(img_num); if (img_num>IMAGES_NUM) { _left = -1*needed_shifts*PRECAR_SX; $("prev_butt").style.display='block'; $("next_butt").style.display='block'; } else { _left=0; $("prev_butt").style.display='none'; $("next_butt").style.display='none'; } _html="
"+html+"<\/div>"; //$('images_cont_'+NAME_FEATURED).update(_html); // alert(_html); $('images_cont_'+NAME_FEATURED).innerHTML= _html; if (img_num>IMAGES_NUM) $('object_featured_'+NAME_FEATURED).style.visibility='visible' setTimeout("$('object_featured_'+NAME_FEATURED).style.visibility='visible'",first_charge_delay); } } // Create vetrina HTML div's in the document function writeHTML(){ if (img_num>IMAGES_NUM) _left = -1*needed_shifts*PRECAR_SX ; else _left=0; document.write(""); } function startVetrina(){ setStyle(); writeHTML(); showImages(); restart(); } // set CSS style for vetrina function setStyle(){ var _left; if (img_num>IMAGES_NUM) { _left = -1*needed_shifts*PRECAR_SX ; disp='block'} else {_left=0; disp='none';} var browser=navigator.appName; var b_version=navigator.appVersion; var version=parseFloat(b_version); var factor=55; if ((browser=="Microsoft Internet Explorer")&& (version<6)) { factor=55; } document.write(''); }