var galleryPos2 = 0;
var start2 = 1;
var dx2 = 206;
var total2 = 0;
4


/* header */
var periodicalID_head;
var periodicalID2_head;
var time_out_head = 500;
var time_out2_head = 5500;
var total_elements_head = 0;
var stat = 0;
var ii = 0;
var first = true;


/* side */
var periodicalID_side;
var periodicalID2_side
var time_out_side = 500;
var time_out2_side = 6500;
var total_elements_side = 0;
var stat_side = 0;
var ii_side = 0;
var first_side = true;
var imgArray;
var lnkArray;

/*
var imgArray = ['/r/i/typo1_hr.png','/r/i/typo2_hr.png','/r/i/typo3_hr.png','/r/i/typo4_hr.png'];
var lnkArray = ['/zlatarnica/white-sensation','/zlatarnica/prahimium-luxury-edition','/zlatarnica/croative','/zlatarnica/pure-elegance'];
*/

var imgArray_side = ['/images.php?imgfile=r/i/E_6085_pure-elegance-Prahir-vjencano-prstenje.jpg&max_width=200','/images.php?imgfile=r/i/E_448_Luxury-edition-Prahir-vjencano-prstenje.jpg&max_width=200','/images.php?imgfile=r/i/E_902_White-sensation-Prahir-vjencano-prstenje.jpg&max_width=205','/images.php?imgfile=r/i/E_6163_pure-elegance-Prahir-vjencano-prstenje.jpg&max_width=200'];


function sendToFriend() {
	if ($("send-friend").getStyle("display") != "block") {
		$("send-friend").setStyle("display", "block");
		$("send-friend").fade("in");
		if ($("send-friend-done")) {
			$("send-friend-done").setStyle("display", "none");
		}
	} else {
		$("send-friend").fade("out");
		$("send-friend").setStyle("display", "none");
		if ($("send-friend-done")) {
			$("send-friend-done").setStyle("display", "none");
		}
	}	
}

function validateFriend() {
	if ($("sf-ime").value == "") {
		alert("Obavezno polje: 'Vaše ime i prezime'");
		return false;
	}
	if ($("sf-email").value == "") {
		alert("Obavezno polje: 'Vaša e-mail adresa'");
		return false;
	}
	if ($("sf-email2").value == "") {
		alert("Obavezno polje: 'E-mail adresa Vašeg prijatelja'");
		return false;
	}
	
	if (validateEmail($("sf-email").value) == false) {
		alert("Neispravna e-mail adresa: 'Vaša e-mail adresa'");
		return false;
	}
	
	if (validateEmail($("sf-email2").value) == false) {
		alert("Neispravna e-mail adresa: 'E-mail adresa Vašeg prijatelja'");
		return false;
	}
	
	
	$("frm-friend").submit();
}


function validateEmail(email) {
 
   var reg = /^([a-zA-Z0-9_\.\-\+%])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
   var address = email;
   if(reg.test(address) == false) {
      return false;
   } else {
   	return true;
   }
}

window.addEvent("domready",function() {

	if ($("send-friend")) {
		$("send-friend").fade("out");
		$("send-friend").setStyle("display", "none");
	}

    arrSlike = Asset.images(imgArray, {
        onComplete: function(){
            for(i=0;i<imgArray.length;i++) {

                var el = new Element('img', {
                    'src': imgArray[i]
                });
                
                el.inject($('pos'+i));
    
            }
            if ($("rotator-head")) {
                calcTotalHead();
			    $$(".rotator-head-item").each(function(el){
			    	el.setStyle("opacity", "0");
			    })
                startPeriodicalHead();
            }
        }
    });
    
    
    if ($("mini-thumb")) {
	    arrSlike_side = Asset.images(imgArray_side, {
	        onComplete: function(){
	            for(i=0;i<imgArray_side.length;i++) {
	                var el = new Element('img', {
	                    'src': imgArray_side[i]
	                });
	                el.inject($('side'+i));
	            }
	            if ($("mini-thumb")) {
	                calcTotalSide();
				    $$(".rotator-side-item").each(function(el){
				    	el.setStyle("opacity", "0");
				    })
	                startPeriodicalSide();
	            }
	        }
	    });
	}
	
    
    

	$$('p.nav-item').each(function(el) {
	
		el.setOpacity(0.6);
        el.set('tween',{
        	duration: 250,
        	transition: Fx.Transitions.Sine.easeOut
        });
        

        
        if (el.get("class").indexOf(" sel") <= 0) {
			el.addEvents({
				"mouseenter" : function () {
			        el.tween('opacity', 1.0);
				},
				"mouseleave" : function () {
			        el.tween('opacity', 0.6);
				}	
			})
		}
		
		
	})
	
	$$('p.sel').each(function(el) {
		el.setOpacity(1.0);
	})
	
	
    // kolekcija:
    if ($("rotator-container2")) {
        rc2 = $("rotator-container2");
        $$("a.mover").each(function(el){
            el.addEvents({
                "click" : function() {
                    if (el.get("class").indexOf("prev") > 0) {
                        // left button:
                        if (start2 > 1) {
                            galleryPos2 += dx2;
                            rc2.tween('margin-left',  galleryPos2+"px");
                            start2 -= 1;
                        }
                    } else {
                        // right button:
                        if (start2 < total2) {
                            galleryPos2 -= dx2;
                            rc2.tween('margin-left',  galleryPos2+"px");
                            start2 += 1;
                        }
                    }
                }
            })
        })
    }
    
    
    
    new Fx.Accordion($('nav'), '#nav p.toggler', '#nav div.sub-wrapper', {display: -1, show: -1, alwaysHide: true});
    
	
})


/* start HEADER */


function calcTotalHead() {
    total_elements_head = 0;
    $$(".rotator-head-item").each(function(el){
        total_elements_head ++;
    })
    stat = total_elements_head;
}

function startPeriodicalHead() {
	periodicalID_head = animateRotatorHead.periodical(time_out_head);
}


function pausePeriodicalHead() {
	$clear(periodicalID_head);
}

function startPeriodicalHead2() {
	if (first) {
		first = false;
		pausePeriodicalHead();
		time_out_head = 6500;
		startPeriodicalHead();
	}
	$("rotator-head").addEvents({
		"click" : function () {
	        //el.tween('opacity', 1.0);
	        location.href = lnkArray[ii-1];
		}	
	})
	periodicalID2_head = showDelayedHead.periodical(time_out2_head);
}


function pausePeriodicalHead2() {
	$clear(periodicalID2_head);
}


function animateRotatorHead() {
	if (ii == 4) ii = 0;
	$$(".rotator-head-item")[ii].set('tween',  {duration: 500, transition: 'linear'});
	$$(".rotator-head-item")[ii].tween('opacity',  1);
	ii++;
	startPeriodicalHead2();
}


function showDelayedHead() {
	//console.log("ii="+ii);
	$$(".rotator-head-item")[ii-1].set('tween',  {duration: 500, transition: 'linear'});
	$$(".rotator-head-item")[ii-1].tween('opacity',  0);
    pausePeriodicalHead2();
}


/* end HEADER */




/* start SIDE */


function calcTotalSide() {
    total_elements_side = 0;
    $$(".rotator-side-item").each(function(el){
        total_elements_side ++;
    })
    stat_side = total_elements_side;
}

function startPeriodicalSide() {
	periodicalID_side = animateRotatorSide.periodical(time_out_side);
}


function pausePeriodicalSide() {
	$clear(periodicalID_side);
}

function startPeriodicalSide2() {
	if (first_side) {
		first_side = false;
		pausePeriodicalSide();
		time_out_side = 7500;
		startPeriodicalSide();
	}
	periodicalID2_side = showDelayedSide.periodical(time_out2_side);
}


function pausePeriodicalSide2() {
	$clear(periodicalID2_side);
}


function animateRotatorSide() {
	if (ii_side == 4) ii_side = 0;
	$$(".rotator-side-item")[ii_side].set('tween',  {duration: 500, transition: 'linear'});
	$$(".rotator-side-item")[ii_side].tween('opacity',  1);
	ii_side++;
	startPeriodicalSide2();
}


function showDelayedSide() {
	//console.log("ii="+ii);
	$$(".rotator-side-item")[ii_side-1].set('tween',  {duration: 500, transition: 'linear'});
	$$(".rotator-side-item")[ii_side-1].tween('opacity',  0);
    pausePeriodicalSide2();
}


/* end SIDE */











function getArtikl(id, lang) {
	var doAjax = true;
    $('kolekcija-inner').set('morph', {
    	duration: 350,
    	transition: Fx.Transitions.Sine.easeOut,
    	link: 'chain',
        onComplete: function(passes_tween_element) {
        	if (doAjax) {
				var req = new Request.HTML({
						method: 'get',
						url:'/ajax.php?action=getArtikl&id='+id+'&lang='+lang,
						update:$('kolekcija-inner'),
					    onSuccess: function(responseText){
							doAjax = false;
					    }
					}).send();
				}
		}
    });
    
    
    $('kolekcija-inner').morph({
        'opacity': 0
    }).morph({
        'opacity': 0
    }).morph({
        'opacity': 1
    });
    
}