/*
	Custom admin JS
	Copyright (c) 2010 by WEASEL TEAM
	http://www.weasel-inc.com
*/
	
$(document).ready(function(){ 
	
	//pane
	$("#plastic").animate({"left": "+=277px"}, "slow");
	$("#home_cat1").animate({"left": "+=260px"}, "slow");
	$("#home_cat2").animate({"left": "+=460px"}, "slow");
	$("#home_cat3").animate({"left": "-=460px"}, "slow");
	$("#home_cat4").animate({"left": "-=260px"}, "slow");
	$('#proizvod_wrap').hide();
						   
});						   	
	
	
$(window).load(function(){
				
	//cat1
	$("#home_cat1").live("click",function() {
	
		$("#home_cat2").animate({"left": "+=1000px",opacity:0}, "normal");
		$("#home_cat3").animate({"left": "+=1000px",opacity:0}, "normal");
		$("#home_cat4").animate({"left": "+=1000px",opacity:0}, "normal");
		$("#plastic").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#pom_menu").hide();
		
		$('#proizvod_wrap').show();
		$("#home_cat1").animate({"left": "+=580px"}, "slow", function() {
			$(this).replaceWith('<div class="pane"><img src="images/cat1.png" width="260" height="475" alt="" /></div>');	
			$('#proizvod_wrap').animate({"margin-top": "-=500px"}, "fast");
		});		
		
		//pagination
		$('#test').load("include/pagination.php?id=1");
		$('#kat').val('1');
		$.getScript('js/paginacija_proizvodi.js');

		$('.sublogo').replaceWith('<div class="sublogo"><img id="backlogo" src="images/logo_baby.png" width="216" height="36" alt="" /></div>');
		
	});
	
	//cat1
	$("#pom1").live("click",function() {
	
		$("#home_cat2").animate({"left": "+=1000px",opacity:0}, "normal");
		$("#home_cat3").animate({"left": "+=1000px",opacity:0}, "normal");
		$("#home_cat4").animate({"left": "+=1000px",opacity:0}, "normal");
		$("#plastic").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#pom_menu").hide();
		
		$('#proizvod_wrap').show();
		$("#home_cat1").animate({"left": "+=580px"}, "slow", function() {
			$(this).replaceWith('<div class="pane"><img src="images/cat1.png" width="260" height="475" alt="" /></div>');	
			$('#proizvod_wrap').animate({"margin-top": "-=500px"}, "fast");
		});		
		
		//pagination
		$('#test').load("include/pagination.php?id=1");
		$('#kat').val('1');
		$.getScript('js/paginacija_proizvodi.js');

		$('.sublogo').replaceWith('<div class="sublogo"><img id="backlogo" src="images/logo_baby.png" width="216" height="36" alt="" /></div>');
		
	});
	
	//cat2
	$("#home_cat2").click(function () {
	
		$("#home_cat1").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#home_cat3").animate({"left": "+=1000px",opacity:0}, "normal");
		$("#home_cat4").animate({"left": "+=1000px",opacity:0}, "normal");
		$("#plastic").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#pom_menu").hide();
		
		$('#proizvod_wrap').show();
		$("#home_cat2").animate({"left": "+=380px"}, "normal", function() {
			$(this).replaceWith('<div class="pane"><img src="images/cat2.png" width="260" height="475" alt="" /></div>');		
			$('#proizvod_wrap').animate({"margin-top": "-=500px"}, "fast");
		});	
		
		//pagination
		$('#test').load("include/pagination.php?id=2");
		$('#kat').val('2');
		$.getScript('js/paginacija_proizvodi.js');

		$('.sublogo').replaceWith('<div class="sublogo"><img id="backlogo" src="images/logo_home.png" width="216" height="36" alt="" /></div>');
		
	});
	
	//cat2
	$("#pom2").click(function () {
	
		$("#home_cat1").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#home_cat3").animate({"left": "+=1000px",opacity:0}, "normal");
		$("#home_cat4").animate({"left": "+=1000px",opacity:0}, "normal");
		$("#plastic").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#pom_menu").hide();
		
		$('#proizvod_wrap').show();
		$("#home_cat2").animate({"left": "+=380px"}, "normal", function() {
			$(this).replaceWith('<div class="pane"><img src="images/cat2.png" width="260" height="475" alt="" /></div>');		
			$('#proizvod_wrap').animate({"margin-top": "-=500px"}, "fast");
		});	
		
		//pagination
		$('#test').load("include/pagination.php?id=2");
		$('#kat').val('2');
		$.getScript('js/paginacija_proizvodi.js');

		$('.sublogo').replaceWith('<div class="sublogo"><img id="backlogo" src="images/logo_home.png" width="216" height="36" alt="" /></div>');
		
	});
	
	//cat3
	$("#home_cat3").click(function () {
	
		$("#home_cat1").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#home_cat2").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#home_cat4").animate({"left": "+=1000px",opacity:0}, "normal");
		$("#plastic").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#pom_menu").hide();
		
		$('#proizvod_wrap').show();
		$("#home_cat3").animate({"left": "+=180px"}, "normal", function() {
			$(this).replaceWith('<div class="pane"><img src="images/cat3.png" width="260" height="475" alt="" /></div>');
			$('#proizvod_wrap').animate({"margin-top": "-=500px"}, "fast");
		});	
		
		//pagination
		$('#test').load("include/pagination.php?id=3");
		$('#kat').val('3');
		$.getScript('js/paginacija_proizvodi.js');

		$('.sublogo').replaceWith('<div class="sublogo"><img id="backlogo" src="images/logo_garden.png" width="216" height="36" alt="" /></div>');
		
	});
	
	//cat3
	$("#pom3").click(function () {
	
		$("#home_cat1").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#home_cat2").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#home_cat4").animate({"left": "+=1000px",opacity:0}, "normal");
		$("#plastic").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#pom_menu").hide();
		
		$('#proizvod_wrap').show();
		$("#home_cat3").animate({"left": "+=180px"}, "normal", function() {
			$(this).replaceWith('<div class="pane"><img src="images/cat3.png" width="260" height="475" alt="" /></div>');
			$('#proizvod_wrap').animate({"margin-top": "-=500px"}, "fast");
		});	
		
		//pagination
		$('#test').load("include/pagination.php?id=3");
		$('#kat').val('3');
		$.getScript('js/paginacija_proizvodi.js');

		$('.sublogo').replaceWith('<div class="sublogo"><img id="backlogo" src="images/logo_garden.png" width="216" height="36" alt="" /></div>');
		
	});
	
	//cat4
	$("#home_cat4").click(function () {
	
		$("#home_cat1").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#home_cat2").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#home_cat3").animate({"left": "+=1000px",opacity:0}, "normal");
		$("#plastic").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#pom_menu").hide();
		$('#proizvod_wrap').show();
		
		$("#home_cat4").animate({"left": "-=0"}, "normal", function() {
			$(this).replaceWith('<div class="pane"><img src="images/cat4.png" width="260" height="475" alt="" /></div>');		
			$('#proizvod_wrap').animate({"margin-top": "-=500px"}, "fast");
		});		
		
		//pagination
		$('#test').load("include/pagination.php?id=4");
		$('#kat').val('4');
		$.getScript('js/paginacija_proizvodi.js');

		$('.sublogo').replaceWith('<div class="sublogo"><img id="backlogo" src="images/logo_new.png" width="216" height="36" alt="" /></div>');
		
	});
	
	$("#pom4").click(function () {
	
		$("#home_cat1").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#home_cat2").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#home_cat3").animate({"left": "+=1000px",opacity:0}, "normal");
		$("#plastic").animate({"left": "-=1000px",opacity:0}, "normal");
		$("#pom_menu").hide();
		
		$('#proizvod_wrap').show();
		$("#home_cat4").animate({"left": "-=0"}, "normal", function() {
			$(this).replaceWith('<div class="pane"><img src="images/cat4.png" width="260" height="475" alt="" /></div>');		
			$('#proizvod_wrap').animate({"margin-top": "-=500px"}, "fast");
		});		
		
		//pagination
		$('#test').load("include/pagination.php?id=4");
		$('#kat').val('4');
		$.getScript('js/paginacija_proizvodi.js');

		$('.sublogo').replaceWith('<div class="sublogo"><img id="backlogo" src="images/logo_new.png" width="216" height="36" alt="" /></div>');
		
	});
	
	//pregled proizvoda	
	$(".img").live("click",function() {
		
		var proizvod 	= (this.id).split("_");
		var proizvod_id = proizvod[1];
		var strana = $('#strana').val();

		$('#holder').html('Ucitavam...');
		$('#holder').load("detalji.php?id="+proizvod_id+"&strana="+strana);

	});

	//pregled masina	
	$(".img1").live("click",function() {
		
		var masina 	= (this.id).split("_");
		var masina_id = masina[1];
		
		$('#holder').html('Ucitavam...');
		$("#holder").load("masine_detalji.php?id="+masina_id);
	});
	
	//back
	$("#back").live("click",function() {

		var kategorija_t = $('#kat').val();
		var str = $('#strana1').val();
		$('#holder').html('<div id="content" class="clear"></div><div id="test"></div>');
		$('#test').load("include/pagination.php?id="+kategorija_t+"&str="+str);
		$.getScript('js/paginacija_proizvodi.js');
	});

	// back logo
	$("#backlogo").live("click",function() {

		var kategorija_t = $('#kat').val();
		$('#holder').html('<div id="content" class="clear"></div><div id="test"></div>');
		$('#test').load("include/pagination.php?id="+kategorija_t);
		$.getScript('js/paginacija_proizvodi.js');
	});
	

});