var Rotation = new Class({
	
	options: {
		active: 0,
		speed: 3000
    },
	
	initialize: function(sItemsElement, speed) {
		this.options.speed = speed;
		this.aItems = new Array();
		
		var tItems = $$(sItemsElement);
		for(var i=0; i<tItems.length; i++) {
			this.aItems[i] = tItems[i];
			if(i>0) this.aItems[i].set('opacity',0);
		}
		
		window.addEvent('load', this.eventLoad.bind(this));
    },
	
	showItem: function() {
		this.aItems[this.options.active].fade('out');
		this.aItems[this.options.active = this.options.active < this.aItems.length - 1 ? this.options.active+1 : 0].fade('in');
	},
	
	eventLoad: function() {
		this.interval = this.showItem.bind(this).periodical(this.options.speed);
	}
	
});

function proizvodjaciOnChange() {
	var proizvodjaci = document.getElementById("proizvodjaci-values");
	var index = proizvodjaci.selectedIndex;
	
	if(index!=0) {
		document.getElementById("proizvodjaci-form-pattern").value = proizvodjaci.options[index].text;
		
		document.getElementById("proizvodjaci-form").submit();
	} else {
		alert("Morate izabrati proizvođača!");
	}
}

function searchCategoriesOnChange() {
	var search_categories = document.getElementById('search_categories');
	
	for(i=0; i<search_categories.options.length; i++) {
		tSelectedValue = search_categories.value;
		tOptionValue = search_categories.options[i].value;
		
		if(tOptionValue==tSelectedValue || tSelectedValue=='') {
			if(tOptionValue!='')
				document.getElementById('category'+'_'+tOptionValue).style.display = 'block';
		} else {
			if(tOptionValue!='')
				document.getElementById('category'+'_'+tOptionValue).style.display = 'none';
		}
	}
}

window.addEvent('domready', function() {
	
	$('proizvodjaci-values').addEvent('change', function() {
		proizvodjaciOnChange();
	});
	
	if($('f_sorting_id')) {
		$('f_sorting_id').addEvent('change', function() {
			var form = document.getElementById('form_item_sorting');
			form.action = document.getElementById('friendlyurlgenerator').value;    
			form.submit();
		});
	}
	
	if($('proizvodjaci-filter')) {
		$('proizvodjaci-filter').addEvent('change', function() {
			var form = document.getElementById('form_item_sorting');
			form.action = document.getElementById('friendlyurlgenerator').value;    
			form.submit();
		});
	}
	
	if($('comments_link_div')) {
		$('comments_link_div').addEvent('mouseover', function() {
			eMostRecentComments = document.getElementById('most_recent_comments');

			if(eMostRecentComments) {
				eMostRecentComments.style.display = 'block';
			}
		});
		$('comments_link_div').addEvent('mouseout', function() {
			eMostRecentComments = document.getElementById('most_recent_comments');

			if(eMostRecentComments) {
				eMostRecentComments.style.display = 'none';
			}
		});
	}
    
	if($('most_recent_comments')) {
		$('most_recent_comments').addEvent('mouseover', function() {
			eMostRecentComments = document.getElementById('most_recent_comments');

			if(eMostRecentComments) {
				eMostRecentComments.style.display = 'block';
			}
		});
		$('most_recent_comments').addEvent('mouseout', function() {
			eMostRecentComments = document.getElementById('most_recent_comments');

			if(eMostRecentComments) {
				eMostRecentComments.style.display = 'none';
			}
		});
	}
	
    initImageGallery('imageGallery_1');
    
	if($('search_categories')) {
		$('search_categories').addEvent('change', function() {
			searchCategoriesOnChange();
		});
	}
	
	if($('rotater-demo')) {
		var tProductRotation = new Rotation('DIV#rotater-demo DIV.slide', 3000);
		
		//var parentWidth = $('rotater-demo').getParent().getSize();
		//var childWidth = $('rotater-demo').getSize();
		
		//$('rotater-demo').setStyle('margin-left', (parentWidth.x-childWidth.x)/2);
		//$('rotater-demo').setStyle('margin-right', (parentWidth.x-childWidth.x)/2);
	}
	
	if($('RotatingCellBox')) {
		var tProductRotation = new Rotation('DIV#RotatingCellBox TABLE.thumbs_list TD.thumbs_list', 2000);
	}
	
	if($('order_user_details_form_button')) {
		$('order_user_details_form_button').checked = true;
		showForm('order_user_details_form');
	}
	
});


function submitForm2(ref) {
	document.getElementById(ref).submit();
}


/* IMAGEGALLERY */

function initImageGallery(sImageGalery) {
    var eImageGalery = document.getElementById(sImageGalery);


    for(i=0; i<=9; i++) {
        if(document.getElementById('image'+'_'+i)) {
			var image = document.getElementById('image'+'_'+i);
			image.style.display = 'none';
            
			addImageButtonAction(i, eImageGalery);
		}
	}


    if(document.getElementById('image'+'_'+'big')) {
        var image = document.getElementById('image'+'_'+'big');
		image.style.display = 'none';
		image.style.top = '0px';
		
        if($('image'+'_'+'big'+'_'+'button')) {
			$('image'+'_'+'big'+'_'+'button').addEvent('click', function() {
				zoomImageShow('big', eImageGalery);
			});
        }
    }
    
    if(document.getElementById('image'+'_'+1)) {
        if($('image'+'_'+1+'_'+'button')) {
            $('image'+'_'+1+'_'+'button').className = 'image active';
        }
        $('image'+'_'+1).style.display = 'block';
    }
}

function hideAllImage(eImageGalery) {
    for(i=0; i<eImageGalery.childNodes.length; i++) 
        if(eImageGalery.childNodes[i].className=='images') 
            for(j=0; j<eImageGalery.childNodes[i].childNodes.length; j++) 
                if(eImageGalery.childNodes[i].childNodes[j].className=='image') 
                    eImageGalery.childNodes[i].childNodes[j].style.display = 'none';
}

function hideAllImageButton(eImageGalery) {
    for(i=0; i<eImageGalery.childNodes.length; i++)
        if(eImageGalery.childNodes[i].className=='navigation')
            for(j=0; j<eImageGalery.childNodes[i].childNodes.length; j++)
                if(eImageGalery.childNodes[i].childNodes[j].className=='image active')
                    eImageGalery.childNodes[i].childNodes[j].className = 'image';
}

function addImageButtonAction(index, eImageGalery) {
    var image = $('image'+'_'+index);
    var image_button = $('image'+'_'+index+'_'+'button');

	if(image_button) {
		image_button.addEvent('click', function() {
			hideAllImage(eImageGalery);
			hideAllImageButton(eImageGalery);
			image_button.className = 'image active';
			image.style.display = 'block';
		});
		
		image_button.addEvent('mouseover', function() {
			if(image_button.className == 'image')
				image_button.className = 'image over';
		});
		
		image_button.addEvent('mouseout', function() {
			if(image_button.className == 'image over')
				image_button.className = 'image';
		});
	}
}

function zoomImageShow(index, eImageGalery) {
    var shadow = $('imageGalleryShadow');
    var image = $('image'+'_'+index);

    var width = getDocumentWidth();
    var height = getDocumentHeight();

    shadow.style.display = 'block';
    shadow.style.width = width;
    shadow.style.height = height;

    for(i=0; i<image.childNodes.length; i++) {
        if(image.childNodes[i].nodeName=='IMG') {
            var widthImage = image.childNodes[i].width;
			
			//image.childNodes[i].addEvent('click', function() {
			//	zoomImageHide(index, eImageGalery);
			//});
			
			$('image_big_buttonclose').addEvent('click', function() {
				zoomImageHide(index, eImageGalery);
			});
        }
    }
    
    image.style.display = 'block';
    image.style.top = 100;
    image.style.left = (width-widthImage)/2;
    image.style.width = widthImage;
}

function zoomImageHide(index, eImageGalery) {
    var shadow = $('imageGalleryShadow');
    var image = $('image'+'_'+index);

    shadow.style.display = 'none';
    image.style.display = 'none';
}

function getDocumentWidth() {
    var d = document;
    return Math.max(
        Math.max(d.body.scrollWidth, d.documentElement.scrollWidth),
        Math.max(d.body.offsetWidth, d.documentElement.offsetWidth),
        Math.max(d.body.clientWidth, d.documentElement.clientWidth)
    );
}

function getDocumentHeight() {
    var d = document;
    return Math.max(
        Math.max(d.body.scrollHeight, d.documentElement.scrollHeight),
        Math.max(d.body.offsetHeight, d.documentElement.offsetHeight),
        Math.max(d.body.clientHeight, d.documentElement.clientHeight)
    );
}

/* IMAGEGALLERY */

/* CATEGORIES_MENU */

function categoriesMenuItemShow(item) {
	if(haveClassName(item, 'item')) {
		addClassName(item, 'over');
		
		var items = item.parentNode;
		addClassName(items, 'over');
	}
}

function categoriesMenuItemHide(item) {
	removeClassName(item, 'over');
	
	var items = item.parentNode;
	removeClassName(items, 'over');
}

function categoriesMenuItemClick(item) {
	
}

function categoriesMenuItemsShow(items) {
	if(haveClassName(items, 'items')) {
		addClassName(items, 'over');
	}
}

function categoriesMenuItemsHide(item) {
	removeClassName(item, 'over');
}

function categoriesMenuItemsClick(item) {
	
}

function haveClassName(element, value) {
	if(element.className.indexOf(value)==-1) {
		return false;
	} else {
		return true;
	}
}

function addClassName(element, value) {
	element.className =  element.className + " " + value;
}

function removeClassName(element, value) {
	element.className =  element.className.replace(value, '');
}

/* CATEGORIES_MENU */

function share_button_click(site) {

            var site = site;

            u=location.href;

            t=document.title;

            

            if(site=='fb')

                        window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t));

            if(site=='myspace')

                        window.open('http://www.myspace.com/Modules/PostTo/Pages/?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t)+'&l=3&c=');

            if(site=='twitter')

                        window.open('http://twitter.com/home?status=Currently reading '+encodeURIComponent(u));                             

            if(site=='stumbleupon')

                        window.open('http://www.stumbleupon.com/submit?url='+encodeURIComponent(u)+'&title='+encodeURIComponent(t));

            return false;

}